React umi 的Upload组件怎么获取本地地址

在React中使用umi的Upload组件，你可以通过监听onChange事件来获取本地地址。

首先，确保已经安装了umi和antd插件，并在文件中引入相关组件：

import { Upload } from 'antd';
import { useState } from 'react';

然后，在组件中定义一个状态用于存储本地地址：

const [fileList, setFileList] = useState([]);

接下来，使用Upload组件并设置onChange事件来获取本地地址：

<Upload
  onChange={handleChange}
  fileList={fileList}
>
  <Button icon={<UploadOutlined />}>Click to Upload</Button>
</Upload>

在onChange事件中，你可以通过event对象获取到上传的文件列表，并从中获取本地地址：

const handleChange = (info) => {
  let fileList = [...info.fileList];
  fileList = fileList.map((file) => {
    if (file.response) {
      // 上传成功后，从response中获取本地地址
      file.url = file.response.url;
    }
    return file;
  });
  setFileList(fileList);
};

这样，当用户选择文件并上传成功后，你就可以从fileList中获取到对应的本地地址了。