ajax传formdata类型的数据,通过ajax发送FormData对象和一个附加参数

I have managed to send a FormData object like so:

var formData = new FormData();

formData.append('file', this.files[0]);

$.ajax({

url: urlUploadProductsFile,

type: 'POST',

data: formData,

cache: false,

contentType: false,

processData: false

}, 'json');

Now what I want to do is add an additional CustomerId to send to the server. The following won't work:

var formData = new FormData();

formData.append('file', this.files[0]);

$.ajax({

url: urlUploadProductsFile,

type: 'POST',

data: { "file": formData, "CustomerId": 2 },

cache: false,

contentType: false,

processData: false

}, 'json');

And I also tried the following variations:

data: { "file": formData, "CustomerId": 2 }, processData: true

data: JSON.stringify({ "file": formData, "CustomerId": 2 })

data: { "file": JSON.stringify(formData), "CustomerId": 2 }

data: { file: formData, CustomerId: 2 }

Any help appreciated.

解决方案

Try:

var formData = new FormData();

formData.append('file', this.files[0]);

formData.append('CustomerId', 2);

/*

note:: appending in form Data will give "csrf token mismatch error".

so better you make a input feild of type hidden with name = CustomerId

and value = 2

*/

$.ajax({

url: urlUploadProductsFile,

type: 'POST',

data: formData,

cache: false,

contentType: false,

processData: false

}, 'json');