首页 >web前端 >js教程 >如何解决 XMLHttpRequest 文件上传中的'请求被拒绝:无多部分边界”错误?

如何解决 XMLHttpRequest 文件上传中的'请求被拒绝:无多部分边界”错误?

Barbara Streisand
Barbara Streisand原创
2024-10-18 16:42:30890浏览

How to Resolve

使用 MultipartFormData 进行 XMLHttpRequest 文件上传

尝试使用 XMLHttpRequest 上传文件时,您可能会遇到以下错误:“请求被拒绝因为没有找到多部分边界。”要解决此问题,请按照以下步骤操作:

1.删除自定义 xhr.file 属性

删除行 xhr.file = file;因为它不用于分段文件上传。

2.使用 FormData 对象

而不是 xhr.send(file);,使用 FormData 将文件包装到 multipart/form-data post 数据对象中:

<code class="javascript">var formData = new FormData();
formData.append("thefile", file);
xhr.send(formData);</code>

3。访问服务器上的文件

发送FormData后,可以访问$_FILES['thefile']中的文件(假设服务器上使用PHP)。

附加说明:

  • 使用 MDC 和 Mozilla Hack 演示作为文件上传的资源。
  • 原始代码尝试将文件作为原始帖子数据发送,这需要手动在服务器上解析(并不总是可行)。

按照这些步骤,您应该能够使用具有正确的多部分/表单数据边界的 Ajax XMLHttpRequest 成功上传文件。

以上是如何解决 XMLHttpRequest 文件上传中的'请求被拒绝:无多部分边界”错误?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn