如何在 JavaScript 中為 Blob 下載設定自訂檔案名稱？

在JavaScript 中設定自訂Blob 檔案名稱

在JavaScript 中處理Blob 時，您可能會遇到需要指定自訂Blob檔案名稱的情況檔案名稱而不是預設隨機產生的檔案名稱。當您想要為下載或資料匯出提供有意義的檔案名稱時，這特別有用。

問題：指派自訂 Blob 檔名

以下程式碼片段建立一個blob 並嘗試透過 window.location下載它，但下載的文件有一個隨機名稱，例如"bfefe410-8d9c-4883-86c5-d76c50a24a1d":

解決方案：使用A 標籤技巧

分配自訂檔案名稱的唯一已知方法JavaScript 中的blob涉及使用隱藏的 的技巧。標籤：

1. 建立隱藏的
2. 將其 href 屬性設為 blob 的 URL。
3. 將其下載屬性設定為所需的檔案名稱。
4. 按一下 以程式方式標記。

範例程式碼：

以下範例示範如何使用此技巧將 JSON物件儲存到名為"my-download.json":

注意：

• 較舊的瀏覽器可能不支援下載屬性。
• 某些文件格式可能不受瀏覽器支持，並可能導致下載失敗。例如，已觀察到以 .txt 副檔名儲存 JSON 檔案是可行的。

以上是如何在 JavaScript 中為 Blob 下載設定自訂檔案名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！