Javascript XHR发送multipart / form-data

时间:2013-12-22 14:33:08

标签: javascript xmlhttprequest multipartform-data

我正在尝试发送multipart / form-data内容类型请求:

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function(){
    if(xhr.readyState==4){
         alert(xhr.responseText);
    }
}

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

xhr.send('-----------------------------275932272513031 Content-Disposition: form-data; name="name"

test

----------------------------275932272513031--');

然后在php中我只打印$_POST数组

print_r($_POST);

但我每次都得到一个空数组。我希望看到

Array (
    name => "test"
)

我做错了什么?

1 个答案:

答案 0 :(得分:7)

您的代码失败,因为您使用了“Enter”而不是转义的换行符(\n)。
JavaScript不支持"first line[Enter]second line"。如果您需要包含换行符的字符串,请使用"first line\nsecond line"

修复此问题后,您的代码应按预期工作(有一点需要注意,请参阅最终说明):

var xhr = new XMLHttpRequest();
xhr.onload = function() {
     alert(xhr.responseText);
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type","multipart/form-data; boundary=---------------------------275932272513031");
xhr.send('-----------------------------275932272513031\n' +
         'Content-Disposition: form-data; name="name"\n\n' +
         'test\n\n' +
         '----------------------------275932272513031--');

注意:您的代码仅适用于包含UTF-8字符,二进制数据的有效负载。如果您想了解有关通过XMLHttpRequest提交包含二进制数据的表单的更多信息,请参阅this answer及其链接引用。