首頁 >web前端 >js教程 >如何將物件 URL 轉換為 FormData 的 Blob 或檔案?

如何將物件 URL 轉換為 FormData 的 Blob 或檔案?

Patricia Arquette
Patricia Arquette原創
2024-10-29 22:30:03539瀏覽

How to Convert an Object URL to a Blob or File for FormData?

從物件URL 擷取檔案或Blob

當允許使用者透過拖曳或其他方法上傳映像時,使用URL.createObjectURL 用於產生用於影像顯示的物件URL。由於這些 URL 旨在重複使用,因此無需撤銷它們。然而,當需要建立 FormData 物件來接受這些圖像之一作為表單上傳的一部分時,將物件 URL 轉換回 Blob 或檔案以包含在 FormData 中就會出現挑戰。

現代解決方案:

利用現代瀏覽器的功能,我們可以利用 fetch() API 來擷取與物件 URL 關聯的檔案或 blob。以下程式碼區塊示範了此技術:

<code class="javascript">let blob = await fetch(url).then(r => r.blob());</code>

此解決方案可與物件 URL 和常規 URL 無縫協作。取得 Blob 後,可以將其附加到 FormData 對象,從而可以在表單提交中包含圖像。

以上是如何將物件 URL 轉換為 FormData 的 Blob 或檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn