使用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 上傳文件的進一步指導。