ajax上传文件的请求

前端之家收集整理的这篇文章主要介绍了ajax上传文件的请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、data是FormData

发送的data必须是FormData类型

2、注意processData

把processData设为false,让jquery不要对formData做处理,如果processData不设置为false,jquery会把formData转换为字符串。

3、contentType

查看文件上传的请求头里Content-Type: multipart/form-data; boundary=OCqxMF6-JxtxoMDHmoG5W5eY9MGRsTBp ,参数boundary为请求参数之间的界限标识。
这里的Content-Type不是你设置的,而是FormData的content-type。

如果jquery请求设置了contentType,那么就会覆盖了formData的content-type,导致服务器在分隔参数和文件内容时是找不到boundary,报no multipart boundary was found错误

默认情况下jquery会把contentType设置为application/x-www-form-urlencoded。要jquery不设置contentType,则需要把contentType设置为false。

也就是说contentType:false,防止contentType覆盖掉formData的content-type。

4、example

var data=new FormData();
$.each(files,function (i,file) {
    data.append("file",file);
});
$.ajax({url:'',type:'post',contentType:false,processData:false,data:data,success:function () {
            console.log("111");
        }
});
原文链接:https://www.f2er.com/ajax/160502.html

猜你在找的Ajax相关文章