antd选择本地文件

antd是一个React UI组件库，提供了丰富的组件和功能。在antd中，可以使用Upload组件来选择本地文件。具体步骤如下：

1.首先，需要安装antd和react-dom库。可以使用npm命令进行安装：

npm install antd react-dom --save

2.在代码中引入Upload组件和Button组件：

import { Upload, Button } from 'antd';

3.在render函数中，使用Upload组件和Button组件来实现选择本地文件的功能：

render() {
  const props = {
    name: 'file',
    action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
    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.`);
      }
    },
  };

  return (
    <div>
      <Upload {...props}>
        <Button>Click to Upload</Button>
      </Upload>
    </div>
  );
}

4.在onChange函数中，可以处理上传文件的状态和结果。在这个例子中，上传文件的状态会被打印到控制台，并且会显示上传成功或失败的消息。