使用Express和multer上传文件

Question

I can't seem to get multer to work no matter what I do; I've read everything I could find on the matter, and as far as examples go--I've followed them to the best of my ability.

Here is a JSFiddle link to my work .

I can never seem to get the file to upload, despite it actually uploading. In my code, I have

app.post('/submit', function(req, res) {
  console.log("____ Clicked submit ____");
  console.log(req.body);

  console.dir(req.files);
});

The req.body.attachment will show the filename I attached. However, req.files returns undefined .

I appreciate any and all help.

Answer 1

You have to use the multer handler somewhere in your middleware chain. You have defined the handler with:

var upload = multer({
  dest: './tmp/'
});

But, you do not use it in your middleware chain.

There are two options: 1) Use a global handler (top of the chain, not recommended) 2) Use it on your submit route (recommended)

Read the docs for specific implementation, but the following should work.

// Multer parses single field "attachment"
app.post('/submit', upload.single('attachment'), function(req, res) {
  console.log("____ Clicked submit ____");
  console.log(req.body);

  // console.dir(req.files);
  // for single field use `req.file`, not `req.files`
  console.log(req.file);
});