FormData对象始终为空

Question

我正在尝试创建表单数据以使用FormData在发布请求（到PHP脚本）中发送。

但是，FormData对象始终为空：

var oReq = new XMLHttpRequest();
var url = "http://www.test.com/test.php";
oReq.open("POST", url, true);
oReq.setRequestHeader("Content-Type","multipart/form-data");
var myFormData = new FormData();
myFormData.append("formType","PDF");
myFormData.append("pdf", pdf.output(),"thisPDF.pdf");
oReq.send(myFormData);

'pdf'变量是一个jsPDF对象（我已经检查过它是一个有效的对象，我试图删除该行，只发送了“test”表单数据元素。但是，myFormData始终是一个空对象。希望我只是在这里错过了一些简单的东西。

另外，当我尝试检查PHP脚本中是否存在表单元素时，它根本没有显示$ _POST和$ _FILE元素。

附加信息：

当我尝试这段代码时：

var oReq = new XMLHttpRequest();
var url = "http://www.test.com/test.php";
oReq.open("POST", url, true);
oReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
var myFormData = new FormData();
myFormData.append("formType","PDF");
alert(JSON.stringify(myFormData));
oReq.send(myFormData);

然后我可以访问php脚本中的“formType”$ _POST变量。 但是，如果我将文件追加语句添加到myFormData对象（并保持相同的'Content-Type'，则PHP脚本错误会返回“不允许访问”错误。

但是，在两种情况下都根据isset（$ _ POST）设置$ _POST，并且插入文件时，根据isset（$ _ FILE）设置$ _FILE变量。

Answer 1

删除oReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 从代码。 如果在FormData中添加文件，浏览器会自动设置multipart / form-data标头。