我试图在我的网站上传图片功能。我一直在上传一个单一的图像，它的工作，我如何改变我的代码，使它在同一时间上传多个图像代码如下：
服务器端：

// img storage confing
    var imgconfig = multer.diskStorage({
        destination: (req, file, callback) => {
            callback(null, "./uploads");
        },
        filename: (req, file, callback) => {
            callback(null, `image-${Date.now()}.${file.originalname}`)
        }
    });
    
    
    // img filter
    const isImage = (req, file, callback) => {
        if (file.mimetype.startsWith("image")) {
            callback(null, true)
        } else {
            callback(null, Error("only image is allowd"))
        }
    }
    
    var upload = multer({
        storage: imgconfig,
        fileFilter: isImage
    })
    
    
    
    // register userdata
    app.post("/insertImage", upload.single("photo"), (req, res) => {
        const { filename } = req.file;
        
        console.log(req.file)
    });

客户端：

const [file, setFile] = useState("");
    
      const setimgfile = (e) => {
        setFile(e.target.files[0])
      }
    
      const addUserData = async (e) => {
        e.preventDefault();
    
        var formData = new FormData();
        formData.append("photo", file)
    
        const config = {
          headers: {
            "Content-Type": "multipart/form-data"
          }
        }
    
        const res = await Axios.post("/insertImage", formData, config);
    
        if (res.data.status == 201) {
          console.log("NO error")
        } else {
          console.log("error")
        }
      }

ReactJSX

这是我的输入文件，并在此处添加了 *multiple

<div style={{ padding: 15, backgroundColor: '#fff', marginTop: 15 }}>
                <h4>Upload file:</h4>
                <input type="file" name='photo' onChange={setimgfile} multiple/>
                <button onClick={addUserData}>submit</button>
    </div>