ant-design/components/upload/demo/paste.tsx
章鱼怪 f5b9795c25
feat: Upload supports paste upload via the pastable property (#53463)
* feat: Upload support `pastable`

* docs: update

* test: add test

* docs: update version

* test: update snapshot

* docs: update
2025-04-11 11:31:00 +08:00

32 lines
867 B
TypeScript

import React from 'react';
import { UploadOutlined } from '@ant-design/icons';
import type { UploadProps } from 'antd';
import { Button, message, Upload } from 'antd';
const props: UploadProps = {
name: 'file',
pastable: true,
action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
headers: {
authorization: 'authorization-text',
},
onChange(info) {
if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList);
}
if (info.file.status === 'done') {
message.success(`${info.file.name} file uploaded successfully`);
} else if (info.file.status === 'error') {
message.error(`${info.file.name} file upload failed.`);
}
},
};
const App: React.FC = () => (
<Upload {...props}>
<Button icon={<UploadOutlined />}>Paste or click to upload</Button>
</Upload>
);
export default App;