antd Upload手动上传(react)

作者：IT小白 | 2024-03-30 04:42:28

踩

antd upload

在antd官方提供的upload组件案例中，都使用了action属性直接上传，唯一手动上传的一个例子（如下图）也不够好用，可能不能满足项目的需求，所以我们需要对其进行一些修改，并加入一些别的方法。

我们经常会使用antd的form表单上传数据，有时就会需要同时上传图片。所以在这里我们需要实现的是，前端页面上传多张图片时，先存储在前端，当表单上传时，和表单数据一起上传到后端。

首先，在最前面引入upload组件，

import { Button, Form, Input, message, Upload} from 'antd'; 
1

然后在form中加入upload，

this.state = {
      previewVisible: false,
      previewImage: '',
     1
2
3

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/339133