Node.js/Express Async File Upload

Question

I've pawed through numerous (and mostly outdated) older stack overflow and Google answers and can't find a damn thing that works with the latest versions of Node and Express.

What is the current go-to plugin for async file uploads?

EDIT: I'm uploading the files to my Node.js server. It's running Express. It should be able to handle any file types.

Upload to what? It depends entirely upon what your sending the file to and what kind of uploads it supports. — jfriend00
– jfriend00, Commented Sep 16, 2014 at 4:08

ChainFuse · Accepted Answer · 2017-01-19 16:50:35Z

2

I use formidable for file uploads. You can either store them inside of a directory or you can use Amazon S3 to store them on their servers. It works like a charm.

Here is what some code looks like:

  // At the top of your modules
  var formidable = require('formidable');

  var form = new formidable.IncomingForm(); //Receive form

  form.parse(req, function(err, fields, files) { //Parse form and data
     // Do form stuff, you can access the files
  });

With jQuery, you can do the following:

     $('#your_form').on('submit', function(e) {
        var formData = new FormData($(this)[0]);
        $.ajax({
            url : '/your/url/',
            type: 'POST',
            contentType: 'multipart/form-data',
            data: formData,
            success: function (msg) {
               console.log(msg);
            },
            processData: false
        });

        e.preventDefault();
    });

edited Jan 19, 2017 at 16:50

answered Sep 16, 2014 at 4:10

ChainFuse

8272 gold badges11 silver badges26 bronze badges

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

10 Comments

opticon Over a year ago

Is this for async uploads? (ie. the page doesn't refresh) If so, could you show me the front-end html/javascript?

ChainFuse Over a year ago

@opticon, yes. There is a way to do it. jQuery can do that, and I've used it as well.

ChainFuse Over a year ago

@opticon I've updated my code. This should work for you. Good luck.

opticon Over a year ago

So far it's looking good! Care to give me a peak at whats within the form.parse callback function?

ChainFuse Over a year ago

@opticon I recommend you use AWS s3 to store your images. It's what I use. I have the code to do that, however if you're going to store them into your local directories, you'll have to use a built-in module called "filesystem" (var fs = require('fs');) - which one do you want?

|

Collectives™ on Stack Overflow

Node.js/Express Async File Upload

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related