---
title: 附件上传
sidemenu: true
---

## 附件上传


```tsx
/**
 * background: '#f0f2f5'
 */

import React, { useState } from 'react';
import { Space } from 'antd';
import { UploadFile,FileCards } from '@/components';
import { request } from 'umi';
export default () => {

async function uploadAttachment(formData) {
  return request(`https://security-edr-pre.huolala.work/api/admin/agent/upgrade/apk`, {
    method: 'POST',
    requestType: 'form',
    body: formData,
  });
}
 
 const [value, setValue] = useState([])
  const response = {
        "apkId": 4294967524,
        "channelId": 0,
        "versionId": 0,
        "type": "darwin",
        "md5": "c2d6e2e80e63d744dff922e89cd20a10",
        "ossUrl": "https://security-edr-pre.huolala.work/api/admin/logfile/Chrome Mac版_3_114594.pkg",
        "deliveryStatus": 0,
        "createdBy": "kenny119.xu",
        "deleteStatus": 0,
        "updatedBy": "kenny119.xu",
        "createdAt": "2024-04-18T15:38:07.685399932+08:00",
        "updatedAt": "2024-04-18T15:38:07.68540005+08:00"
}

  return (
    <>
        <UploadFile 
          uploadAttachment={() => {
            return new Promise((resolve) => setTimeout(() => resolve(response), [2000]))
          }} 
          value={value}
          onChange={(val) => {
            setValue(val)
          }}/>
    </>
  );
};
```

<API src="./index.tsx"></API>