Angular file upload size

Question

I use https://github.com/nervgh/angular-file-upload/ and I need to send file size to my backend server.

I don't find any solution, this is header that I receive:

{
  filename:'new02.png',
  headers:{
    'content-disposition':'form-data; name="files"; filename="new02.png"',
    'content-type':'image/png'
  }
}

On the demo page, i look the Json return by code, there's a length. function onAfterAddingFile return an object with a _file and a length — Alexis
– Alexis, Commented Apr 28, 2016 at 8:01
You just have to send your size length with the right property... You can send what you want at your backend server, you've a length so send it — Alexis
– Alexis, Commented Apr 28, 2016 at 8:05

EL missaoui habib · Accepted Answer · 2016-04-28 08:03:42Z

1

$scope.uploadFile = function(files) {
files[0].type; //MIME type
files[0].size; //File size in bytes
};

answered Apr 28, 2016 at 8:03

EL missaoui habib

1,0752 gold badges14 silver badges24 bronze badges

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

1 Comment

Vishal Over a year ago

I also use the same logic

Sparw · Accepted Answer · 2016-04-28 08:14:41Z

I'm using angular-file-upload too and a node.js server.

This is how I upload my file in my angular controller:

$scope.uploadInternationalFile = function(file) {
    if (file && file.length) {
        file.upload = Upload.upload({
            url: '/api/upload',
            method: 'POST',
            file: file
        });
        file.upload.then(function(response) {
            // file Sent
        });
    }
};

And I receive my file on my server like this with npm 'multer' package:

module.js

var privateStorage = multer.diskStorage({
    destination: function(req, file, callback) {
            callback(null, './files/');
        },
        filename: function(req, file, callback) {
            callback(null, file.originalname);
        }
    });

    var limits = {
        fieldNameSize: 100,
        fileSize:20000000,
        files: 1,
        fields: 5
    };

    var self = module.exports = {
        uploadPrivate: multer({
            storage:privateStorage,
            limits:limits
        }).single('file')
    };

And this is my API:

var fileUpload = require('module.js');
    app.post('/api/upload', function(req, res) {
        fileUpload.uploadPrivate(req, res, function(err) {
            if (err) {
                // There is an upload error
            }
            else {
                // Your file has been sent
            }
        }
    });

Hope it helps.

Collectives™ on Stack Overflow

Angular file upload size

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related