项目回顾3-再谈图片上传-FormData+ajax上传

上次在纠结图片上传用base64还是form表单，现在感觉好蠢，因为又开辟了第三条道路。

其实也根本用不到form

只需要一个上传文件的input就好了

 <input id="file" type="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) {});

和常规的ajax请求相比，就加了

cache: false,
processData: false,
contentType: false

然后就可以传到后台了，也可以直接获得返回值了，简直感动的不要不要的……

具体的可以参考www.jianshu.com/p/46e6e03a0d53

 

转载于:https://www.cnblogs.com/wzls/p/5804028.html