首頁 > web前端 > js教程 > 如何解決 XMLHttpRequest 檔案上傳中的「多部分邊界」錯誤?

如何解決 XMLHttpRequest 檔案上傳中的「多部分邊界」錯誤?

Barbara Streisand
發布: 2024-10-18 16:38:29
原創
1019 人瀏覽過

How to Resolve the

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板