React AntDesign将上传的图像添加到FormData

Question

我要使用image uploader from AntDesign library。这是snapshot

:/opt/nodemcu-firmware marcelstoer/nodemcu-build bash

我很难理解这里发生了什么。 我可以使用以下方法从此组件获取图像吗？ const img = event.target.files [0]; ？

所有我想要的就是将上传的图像放入数组，并使用FormData将axios.post请求发送到后端。 我是React的新手。如果这很明显，请原谅。

Answer 1

antd的{​​{1}}组件正在后台为您上传。但是，如果您不想这样做，以后再上传文件，则还可以借助Upload道具来实现。

From the docs：

  

beforeUpload：挂钩函数，将在上传之前执行。上载将停止，并返回false或被拒绝的Promise。警告：IE9不支持此功能

我已经写了一个示例，并在必要时添加了注释：

beforeUpload