如何解决 XMLHttpRequest 文件上传中的'多部分边界”错误？

XMLHttpRequest 文件上传故障排除

使用 XMLHttpRequest 上传文件有时会遇到错误，尤其是在处理多部分数据时。下面详细分析了涉及“多部分边界”错误的常见问题。

提供的代码尝试使用 XMLHttpRequest 上传文件，但失败并出现以下错误：

The request was rejected because no multipart boundary was found.

文件附件不正确

初始代码包括行 xhr.file = file;。但是，这不是将文件附加到 XMLHttpRequest 的标准方法。文件对象应包装在 FormData 对象内。

表单数据使用

要解决此问题，请替换 xhr.send(file);使用以下代码：

var formData = new FormData();
formData.append("thefile", file);
xhr.send(formData);

Multipart/Form-Data 标头

确保之前将 Content-Type 标头设置为“multipart/form-data”发送请求：

xhr.setRequestHeader("Content-Type", "multipart/form-data");

附加说明

• FormData 对象创建一个 multipart/form-data 请求对象，可以在服务器上使用解析PHP 的 $_FILES['thefile'].
• 有关 XMLHttpRequest 文件上传的更多信息，请参阅 Mozilla Hack 演示和 MDC 文档。

按照以下步骤操作并更正代码错误，就可以使用XMLHttpRequest成功上传文件了。

以上是如何解决 XMLHttpRequest 文件上传中的'多部分边界”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！