Error: Unexpected end of form at Multipart._final

[petewk]

Hi folks,

Am having the error above come up while trying to have Multer handle a file upload to my local storage, which I'll also later then push to S3 storage (once I get past the first hurdle).
I've wound up resorting to just using the same set up as shown in the simple example at https://www.npmjs.com/package/multer but am still having no luck.

Here's my express set up in case it's an issue with another package I'm depending on;

const express = require ('express');
const app = express();

const multer  = require('multer');
const upload = multer({ dest: 'uploads/' });

const bodyParser = require ('body-parser');
const path = require('path');
const fs = require('fs');
const port = process.env.PORT || 5000;
const fileupload = require('express-fileupload');
const AWS = require('aws-sdk');

const util  = require('util');

app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());

const s3 = new AWS.S3();
app.use(fileupload());

My React form component for selecting the files (the commented out authCode input is irrelevant for now):

function FileUpload(){

    return(
        <>
            <h4>Upload files here</h4>
            <form action='/pdf' method='POST' enctype="multipart/form-data">
                {/* <input className="createFormInput" name="authCode" id="authCodeInput" placeholder='Enter auth code here' type="number" required></input> */}
                <input type='file' name="avatar"></input>
                <button>Submit</button>
            </form>
        </>
    )
}

and my express handling the post request

  app.post('/pdf', upload.single('avatar'), function (req, res, next) {

    if (err instanceof multer.MulterError){
      console.log("multer error")
    }
    // req.file is the `avatar` file
    // req.body will hold the text fields, if there were any
  })

Some pages seemed to suggest it was caused by the bodyParser, but it wasn't clear why or what was wrong with my set up. Any tips would be greatly appreciated.

Thanks

[Doc999tor]

1. The error comes from buboy, then it can't complete the data stream. I can't say if it's multer or express-fileupload throws the error, since both use busboy for file uploading. It looks like one of them is excessive - I bet you can deal all your file handling logic with multer 😊
2. Text fields handling - you connect both multer (busboy) and body-parser, since both of them subcribe to data.end event, maybe busboy misses the end the of the stream

[agustinFeijoo]

Same error

[BAHIRABDULLA]

remove that fileUpload middleware in app.use . only multer need to upload file , that if you try to upload in s3 bucket .