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