Can't upload file using express-fileupload

Question

I'm using express-fileupload module to parse uploaded file. Upload is done with axios.

const formData = new FormData();
formData.append("file", data.gameCover);
formData.append("gameTitle", data.gameTitle);
formData.append("gamePrice", data.gamePrice);
formData.append("description", data.description);

return axios.post(apiUrl + "/games/add", formData).then(res => {
  dispatch({ type: ADD_GAME, payload: res.data.game });
});

This is the POST request

Serverside code looks like this:

router.use(fileUpload());

router.post("/add", (req, res) => {
  if (!req.files) return res.status(400).send("No files were uploaded.");

Of course I'm getting "No files were uploaded" when trying to upload.

There is missing code on your snippet, this is only checking if there are files uploaded. You have a full example here: npmjs.com/package/express-fileupload#full-example — Joan Albert
– Joan Albert, Commented Sep 2, 2018 at 12:43

krakas · Accepted Answer · 2018-09-04 14:02:09Z

4

Finally after debugging step after step found that data.gameCover is an array so that's the solution

formData.append("file", data.gameCover[0]);

answered Sep 4, 2018 at 14:02

krakas

1172 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

james gicharu · Accepted Answer · 2018-09-02 12:46:07Z

0

You can optionaly use multer for handling multipart/formdata. you can then get the uploaded file as follows

const express = require('express');
const path = require('path');
const router = express.Router();
const multer = require('multer');
const storage = multer.diskStorage(
{destination: (req, file, cb)=>{
    cb(null, path.join(__dirname, '../uploads'));
  },
filename: (req, file, cb)=>{
    cb(null, file.originalname);
  }
});
let upload = multer({storage: storage});

// access the uploaded file with your route handler
router.post('/upload',upload.single('file'), (req, res, next)=> {
  if(req.file){
    //you can access your uploaded file
  }
});

answered Sep 2, 2018 at 12:46

james gicharu

992 silver badges7 bronze badges

6 Comments

krakas Over a year ago

I've already tried this method. Everything done exactly like in your's example and getting req.file undefined

james gicharu Over a year ago

check if you are uploading the file correctly, try using postman and send a post request to your endpoint and attach the file to the body of your request

krakas Over a year ago

Yes, and I'm getting response "No file uploaded"

james gicharu Over a year ago

confirm if your express server is running on the specified port.

krakas Over a year ago

Yes it does run on specified port

|

O.z · Accepted Answer · 2024-08-08 07:53:38Z

0

For anyone that is having the same problem, express-fileupload checks 3 things:

That the "content-type" header has either the string "boundry=" in it, or "multipart", depending on the express-fileupload version that is being used.
That the "content-length" header is not 0.
That the method is not 'GET', 'HEAD', 'DELETE', 'OPTIONS', 'CONNECT' or 'TRACE'.

If one of those validations fails, you get the mentioned error.

answered Aug 8, 2024 at 7:53

O.z

11 bronze badge

Collectives™ on Stack Overflow

Can't upload file using express-fileupload

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related