uploadApp.tsx
1.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import { InboxOutlined } from '@ant-design/icons';
import { Upload } from 'antd';
import React from 'react';
import './uploadApp.less';
const App: React.FC = ({ uploadFile }) => {
const { Dragger } = Upload;
const props = {
name: 'file',
multiple: true,
maxCount: 1,
onChange: (info) => {
uploadFile(info.file.originFileObj);
},
};
return (
<>
<Dragger {...props}>
<p className="ant-upload-drag-icon">
<InboxOutlined />
</p>
<p className="ant-upload-text">
Click or drag file to this area to upload
</p>
<p className="ant-upload-hint">
Support for a single or bulk upload. Strictly prohibited from
uploading company data or other banned files.
</p>
</Dragger>
<a
href="https://order-erp.oss-cn-qingdao.aliyuncs.com/%E5%88%86%E6%9C%9F%E4%BB%98%E6%AC%BE-%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx?Expires=2035527699&OSSAccessKeyId=LTAIZCPI7OaWud0m&Signature=npHyEhfRd6LugJ0St8OkvRmLYtQ%3D"
className="modul-a"
>
下载模板
</a>
</>
);
};
export default App;