XMLHttpRequest Level 2 添加了一个新的接口——FormData。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。
jQuery 2.0+的版本支持FormData
方法一:使用
•后台(web.py): 注意: 1.
class Add:
def POST(self):
i = web.input(myfile={})
print(i['myfile'].filename) #文件名
print(i['myfile'].value) #文件内容
print(i['myfile'].file.read()) #文件内容
2.$.ajax中processData、contentType和cache需要设置为false
3.后端通过web.input获取文件的字段名,同前端指定的input标签的name属性
方法二√:不用
有时,我们并不想用
标签,而且通过ajax传给后端的并不只有文件,可能还有其他的键值对,这时就可以用这个方法
•前端(JQuery):
function loadFile(file){
container.fd = new FormData();
container.fd.append('myfile',file);
container.fd.append('otherkey',othervalue);
$.ajax({
url: 'jobs/add',
type: 'POST',
datatype: 'json',
data: fd,
cache:false,
traditional: true,
contentType: false,
processdata: false,
success: function (data) {},
error: function () {}
});
}
•后台(web.py):
class Add:
def POST(self):
i = web.input(myfile={}, otherkey='')
print(i['myfile'].filename) #文件名
print(i['myfile'].value) #文件内容
print(i['myfile'].file.read()) #文件内容
注意:
1.没有



