Upload data and file with ng-file-upload

Question

I am new to angular. I have searched a lot but didn't find a way to grab the data send through Upload.upload() of ng-file-upload. Though my file is uploaded into the destination folder using muter

Here is my controlled function which is called on upload click from the view.

$scope.doUpload = function() {
Upload.upload({
      url: '/api/upload/',
      data: {'sabhaDetails': sabhaDetails},
      file: sabhaFile,
      fileName: sabhaDetails.sabha_video_name
    });
}

In my route I have:

/ annotator page. (http://localhost:1337/api/upload)
annotationRouter.route('/upload')
  .post(function(req, res) {
    **console.log(req.data);**
    upload(req, res, function(err) {
      if(err) {
        res.json({ error_code:1, err_desc:err });
        return;
      }
      res.json({ error_code:0, err_desc:null });
    })
  });

But I am getting undefined for my req.data. Is there something wrong. How to grab the send data through upload?

Cynthia Sanchez · Accepted Answer · 2016-11-08 15:48:04Z

1

If you are using Node.js, all the form data apart from the files, should be allocated under the body key of your request object

In this case I think it should be req.body.data

The way I made it work sending everything on the data key:

Upload.upload({
      url: '/api/works/new',
      method: 'POST',
      data: {content: angular.toJson(controller.work), file: controller.thumb}
  }).

And then I can read as:

req.body.content

and the file as:

req.file.filename

answered Nov 8, 2016 at 15:48

Cynthia Sanchez

1681 silver badge9 bronze badges

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

Comments

SMSk · Accepted Answer · 2016-10-19 09:22:27Z

0

You are receiving multipart/form-data from ngf.

I don't know which server you are using, but I think you should check req.form rather than req.data or something.

Alternatively, you can use some external middleware, like this

answered Oct 19, 2016 at 9:22

SMSk

70510 silver badges25 bronze badges

Collectives™ on Stack Overflow

Upload data and file with ng-file-upload

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related