Image upload: Node Multer 'LIMIT_UNEXPECTED_FILE' error

Question

I'm trying to use multer to process a profile photp upload on the frontend to the backend but keep getting this error:

{ [Error: Unexpected field]
code: 'LIMIT_UNEXPECTED_FILE',
field: 'file',
storageErrors: [] }

Below is my code:

register.ejs:

<div class="form-group">
    <input class="form-control" type="file" name="image" id="image">
</div>

ajax.js:

$('form').submit(function(e) {
        e.preventDefault();
        var formData = new FormData(this);
        // var img = cropper.getCroppedCanvas().toDataURL();
        // formData.append('img',img);
            $.ajax({
                url: '/register',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function () {
                    console.log('Upload success');
                    },
                error: function () {
                    console.log('Upload error');
            }
        });
    });

app.js:

var multer      = require('multer');
var cloudinary  = require('cloudinary');
...
// MULTER
var storage =   multer.diskStorage({
  destination: function(req, file, callback) {
    callback(null, "./public/uploads");
  },
  filename: function(req, file, callback) {
    callback(null, Date.now() + file.originalname);
  }
});

var upload = multer({ storage : storage}).single("image");

app.post("/register", function(req, res) {
  upload(req, res, function(err){
      if(err) {
           console.log(err);
           return res.send("Error uploading file.");
      }

     res.send("Upload success");
 });
});

I also get an undefined object when I try to get req.body.img or req.file. Maybe the formdata is not populated properly? Can anyone shed some light for me?

find a solution for this error? I am getting the same.

oudekaas
– oudekaas

2018-01-28 14:38:28 +00:00
Commented Jan 28, 2018 at 14:38 — oudekaas
– oudekaas, Commented Jan 28, 2018 at 14:38

Sultan Aslam · Accepted Answer · 2021-12-06 12:15:43Z

1

It says on multer docs that you should pass enctype="multipart/form-data" attribute to your <form> element. I'm not really familiar with ajax, but I think you may have to set contentType: in ajax.js to "multipart/form-data".

I also had a similar error, but it was caused by non-matching text-field keys.

edited Dec 6, 2021 at 12:15

Sultan Aslam

6,2882 gold badges42 silver badges49 bronze badges

answered Apr 9, 2020 at 17:55

grkmk

3196 silver badges18 bronze badges

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

Comments

damith anuradha · Accepted Answer · 2020-11-11 04:57:51Z

0

I have also face the same issue, instead of using

var upload = multer({ storage : storage}).single('image');

use the fields() method which allow to handle multiple files at once

app.use(multer({ storage : storage}).fields([{name:'image',maxCount:1}]));

file data store in req.files , then you can simply handle the files

that error occur when you try to handle multiple form data object in single multer middleware,

you can use the storage option to store different files in different locations.

further more can go thought official doc

answered Nov 11, 2020 at 4:57

damith anuradha

931 silver badge9 bronze badges

Comments

Tyler2P · Accepted Answer · 2023-07-26 09:41:34Z

0

When you call the multer function, maybe you forget to change the single field name. For example:

multer({ ... }).single("some_field_name");

Maybe some_field_name should be other_field_name. some_field_name and other_field_name are field names.

edited Jul 26, 2023 at 9:41

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Jul 22, 2023 at 9:09

Kamiswara Angga W.

313 bronze badges

Collectives™ on Stack Overflow

Image upload: Node Multer 'LIMIT_UNEXPECTED_FILE' error

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related