FormData文件上传问题

790 阅读1分钟
通过FormData,进行文件上传。
如果直接就是一个FormData了,那么直接用ajax发出去就行了,不用做任何处理:
let form = document.querySelector("form"),
    formData = new FormData(form),
formData.append("fileName", "a.png");

let xhr = new XMLHttpRequest();
//假设上传文件的接口叫upload
xhr.open("POST", "/upload");
xhr.send(formData);
我在项目中使用jQuery的ajax当时进行FormData的传递,遇到了以下问题
最终发现,需要设置两个参数processData和contentType为false,因为jQuery会自动对一些数据进行转义, 并且根据data自动设置请求mime类型,设置这两个参数可以使jQuery不对数据进行处理。
$.ajax({
    url: "/upload",
    type: "POST",
    data: formData,
    processData: false,  // 不处理数据
    contentType: false   // 不设置内容类型
});
这样就能成功地实现文件上传功能了。