Send post data with file upload AJAX

Question

I am currently sending a file via AJAX like this:

var fd = new FormData();

    //do stuff to that adds files

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/Upload/' + ID);
    xhr.send(fd);

And using the file in my contoller like:

HttpPostedFileBase file = Request.Files[i];

This all works fine but I want to send more information. How can I post more variables along with the file?

Answer 1

use variable name in xhr.send() . Like xhr.send(var1=fd&var2=anotherdata) . Then at your server side create two POST data handlers, namely var1 & var2 . One will hold fd and other will hold extra data.

Answer 2

var fd = new FormData();

    //do stuff to that adds files
    fd.append("Variable1", "data");
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/Upload/' + ID);
    xhr.send(fd);

This worked best for me.