使用 FormData 对象,服务器收到一个空的 POST

Posted

技术标签:

【中文标题】使用 FormData 对象,服务器收到一个空的 POST【英文标题】:Using FormData object, the server receives an empty POST 【发布时间】:2012-05-06 19:17:58 【问题描述】:

我正在尝试使用 FormData 对象向我的服务器发送一个文件和一个文本变量。查看 Chrome 开发者工具中的网络选项卡,我可以看到文件和变量正在发送。但是,我在 $_POST 和 $_FILES 变量上尝试了 var_dump() ,两者都显示为空数组。这是我用于表单的代码:

var image_upload = document.getElementById("image_upload");

if(image_upload.value == '')

   alert("Please select a file to upload.");

else

   alert("in");
   var ajaxHandler = new XMLHttpRequest();
   var content = image_upload.files[0];
   var formData = new FormData();
   formData.append("type", "5");
   formData.append("content", content)

   ajaxHandler.onreadystatechange = function() 
      if(ajaxHandler.readyState == 4)
      
         alert(ajaxHandler.responseText);
      
   ;

   ajaxHandler.open("POST", "newCard", false);
   ajaxHandler.setRequestHeader("Content-type","multipart/form-data");
   ajaxHandler.send(formData);

我已经尝试过在内容类型中使用和不使用“charset=utf-8”的这段代码,但它似乎没有任何区别。这是怎么回事?

【问题讨论】:

【参考方案1】:

从代码中删除ajaxHandler.setRequestHeader("Content-type","multipart/form-data");。 正确的 multipart/form-data 标头应包含边界字符串。如果您在 FormData 中添加文件,浏览器会自动设置该标题。

【讨论】:

已确认修复了我在 Chrome 上遇到的类似问题,其中包含一些 FormData 文件上传代码。谢谢! 嗯。有趣的是这是如何发生的。 + 1 为我工作。虽然我摆脱了 setRequestHeader("Content-Type","application/x-www-form-urlencoded");

以上是关于使用 FormData 对象,服务器收到一个空的 POST的主要内容,如果未能解决你的问题,请参考以下文章

js 上传文件模拟Form 表单

FormData、Blob、Map等几个对象概念

spring 注解上传文件 @RequestParam

为啥 FormData 是空的? [复制]

RestKit POST 对象到服务器,但服务器收到空的 GET 请求

jquery FormData和Zend Framework 2