通过jQuery Ajax使用FormData对象上传文件

cache设置为false，上传文件不需要缓存。

contentType设置为false。因为是由

上传后，服务器端代码需要使用从查询参数名为file获取文件输入流对象，因为中声明的是name=”file”。

var formData = new FormData();
formData.append(‘file’, $(‘#file’)[0].files[0]);
$.ajax({
url: ‘/upload’,
type: ‘POST’,
cache: false,
data: formData,
processData: false,
contentType: false
}).done(function(res) {
}).fail(function(res) {});

这里有几处不一样：

append()的第二个参数应是文件对象，即$(‘#file’)[0].files[0]。

contentType也要设置为‘false’。

从代码$(‘#file’)[0].files[0]中可以看到一个标签能够上传多个文件，
只需要在里添加multiple或multiple=”multiple”属性。

来源：https://www.jianshu.com/p/46e6e03a0d53