如何提交多部分图像-错误：多部分：未找到边界

Question

我有一个客户端javascript sdk，它将图像提交到使用multer库解析图像的服务器端node.js api。

但是我注意到如果我将标题设置为content-typemultipart-formdatamulter会抛出一个错误，说

错误：多部分：未找到边界

async submitDocument(id, side, image) {

        const url = this.API_URL + "/api/document";

        let formData = new FormData();
        formData.set("image", image, "front.jpg");
        formData.set("side", side);

        let headers = new Headers();
        headers.set("content-type", "multipart/form-data");
        headers.set("Authorization", "Bearer " + this.API_KEY);

        const request = {
            method: "POST",
            body: formData,
            headers: headers,
        };

        try {

            const response = await fetch(url, request);
            const data = await response.json();

            return data;

        } catch (err) {
            throw err;
        }

    }

Answer 1

如错误消息所述，multipart/form-data内容类型需要一个boundary参数。

请勿自行设置Content-Type。允许浏览器从formData对象生成它。

Answer 2

[npm]模块connect-multiparty可能对您有所帮助。从服务器端节点应用程序。

server.js

const multipart = require('connect-multiparty');
const multipartMiddleware = multipart();  
router.post('/api/document', multipartMiddleware);
router.post('/api/document', (req, res) => {
  console.log(req.files)
})

邮递员api测试样本-https://i.stack.imgur.com/vxBpz.png