如何在使用XmlHttpRequest和FormData时设置边界

Question

我正在尝试在标头中正确设置边界,同时使用FormData发布XmlHttpRequest:

xhr.open("POST",url);
xhr.setRequestHeader("Content-type","multipart/form-data; boundary=...");

var formData = new FormData();
formData.append("filename", inputId.files[0]);
formData.append(...);

xhr.send(formData);

如何在此处获取请求标头中设置的边界.我看到请求被设置,边界以某种方式在请求中创建.但服务器不知道如何解释它.

Answer 1

ES方法

只需不要手动设置Content-Type标头,浏览器就会自动设置"multipart/form-data; boundary = ..."值.

jQuery方法

如果您使用的是jQuery,请将contentType选项设置为false:

$.ajax({
    url: url,
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false
});