使用 Ajax XMLHttpRequest 上传文件：解决“未找到多部分边界”错误

尝试使用 XMLHttpRequest 上传文件时，您可以遇到类似“请求被拒绝，因为未找到多部分边界”的错误。当文件未作为 multipart/form-data 请求正确发送时，就会出现此问题。

一个常见错误是将文件直接附加到 XMLHttpRequest 对象，如代码所示：

xhr.file = file; // not necessary if you create scopes like this

此方法不正确。相反，该文件应该包装到 FormData 对象中，该对象构造正确的 multipart/form-data 请求负载：

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

将文件添加到 FormData 对象后，您可以使用 xhr.send(formData);提交请求。如果使用 PHP，则可以在服务器端的 $_FILES['thefile'] 中访问该文件。

请记住，您可以查阅 MDC 和 Mozilla Hack 演示等资源，以获取有关使用 Ajax XMLHttpRequest 上传文件的进一步指导。