antd 的upload组件是点开对话框后,按下确认后就会上传,如果是多选文件也会反复调用后端接口来完成上传。
因为项目需要,所以要实现手动上传,和一次性上传多个文件(只调用一次后端接口)
在实现这个功能时,我翻阅了很多博客,可能是因为版本原因,很多代码都无用。
先上传多张照片,再点击会话框OK后提交给后端
废话不多说,直接上代码
import React, {
useState } from 'react'
import {
Modal, Upload,Button } from 'antd';
import {
RollbackOutlined, CameraOutlined, PictureOutlined, PlusOutlined } from '@ant-design/icons';
import axios from 'axios';
export default function Identify() {
const [isModalVisible, setIsModalVisible] = useState(false);
const [fileList, setFileList] = useState(