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

时间 2019-11-16

标签项目回顾再谈图片上传 formdata+ajax formdata ajax 栏目 Ajax 繁體版

原文原文链接

上次在纠结图片上传用base64仍是form表单，如今感受好蠢，由于又开辟了第三条道路。ajax

其实也根本用不到formapp

只须要一个上传文件的input就行了url

 <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请求相比，就加了spa

cache: false,
processData: false,
contentType: false

而后就能够传到后台了，也能够直接得到返回值了，简直感动的不要不要的……code

具体的能够参考www.jianshu.com/p/46e6e03a0d53orm