reactjs - 通过React axios以json格式而不是formdata发送多个图像数据？

Question

我想发送多个图像以及其他一些字段，但我想以 JSON 格式而不是 formData 发送这些图像。

在服务器上，我使用 multer 进行图像存储。

请参阅 React 代码的链接。 https://codesandbox.io/s/react-hooks-usestate-1h8cw?file=/src/index.js:1017-1023

图像正在上传和显示，但我无法找到以 JSON 格式在服务器端发送图像的方法。

服务器端代码

const router = require("express").Router();
const City = require('../../model/city');
const multer = require('multer')
var upload = multer({
    dest: 'uploads/'
})

//Post City at this route 
router.post('/create', upload.array('Images', 12), async (req, res) => {
    console.log(req.files);
    const city = new City({
        City: req.body.City,
        Description: req.body.Description,
        Images: req.files.path
    });
    try {
        let check;
        check = await City.findOne({
            City: req.body.City
        });
        // res.send(check);
        if (check) {
            res.send({
                "message": "City already exists"
            })
        } else {
            const savedCity = await city.save();
            res.send(savedCity);
        }
    } catch (err) {
        res.status(400).send(err);
    }


});