我正在尝试使用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”的代码,但这似乎没有什么不同。这里发生了什么?
ajaxHandler.setRequestHeader("Content-type","multipart/form- data");从代码中删除。正确的multipart / form- data标头应包含边界字符串。如果您在FormData中添加文件,浏览器会自动设置该标题。
ajaxHandler.setRequestHeader("Content-type","multipart/form- data");