javascript - How to submit a multipart image - Error: Multipart: Boundary not found - Stack Overflow

admin管理员组

文章数量:1345048

I have a client side javascript sdk that submits an image to a server side node.js api that uses the multer library to parse the image.

However ive noticed if i set a header to be content-type multipart-formdata multer will throw an error saying

Error: Multipart: Boundary not found

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;
        }

    }

I have a client side javascript sdk that submits an image to a server side node.js api that uses the multer library to parse the image.

However ive noticed if i set a header to be content-type multipart-formdata multer will throw an error saying

Error: Multipart: Boundary not found

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;
        }

    }

• javascript
• node.js
• multipartform-data
• multer
• form-data

Share Improve this question Follow asked Dec 10, 2019 at 13:09 KayKay 19.7k7272 gold badges184184 silver badges301301 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

As the error message says, a multipart/form-data content-type requires a boundary parameter.

Don't set the Content-Type yourself. Allow the browser to generate it from the formData object.

npm module connect-multiparty may helpful to you. From server-side node application.

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)
})

post-man api test sample - https://i.sstatic/vxBpz.png

本文标签： javascriptHow to submit a multipart imageError Multipart Boundary not foundStack Overflow