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

前端之家收集整理的这篇文章主要介绍了项目回顾3-再谈图片上传-FormData+ajax上传前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

注:原文链接:http://www.cnblogs.com/wzls/p/5804028.html

上次在纠结图片上传用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
}).done(function(res) {
}).fail(function(res) {});

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

cache: false

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

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

猜你在找的Ajax相关文章