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

JavaScript：為直接下載的Blob 檔案設定檔名

當使用window.location 在JavaScript 中下載Blob 檔案時，該檔案通常是以通用名稱保存。要設定自訂檔案名，需要採用特定的技術，其中包括建立隱藏的檔案名稱。

在原始程式碼範例中：

在原始程式碼範例中：

此程式碼下載名稱為：

bfefe410-8d9c-4883-86c5-d76c50a2410-8d9c-4883-86c5-d76c50a2411d 致將檔案名稱設定為

my-download.json

，請依照下列步驟操作：

建立一個隱藏的;標記並附加到文件中：

設置將標籤的href 屬性新增至blob 的URL，並將download 屬性新增至所需的檔案名稱：

透過點擊 觸發下載標記：

撤銷Blob 的URL以防止再次訪問它：

示例實現：

註釋：

• 較舊的瀏覽器可能不支援下載屬性。
• 某些檔案格式（例如，JSON）可能需要使用不同的副檔名（例如，txt）儲存以避免安全限制。

考慮使用 FileSaver.js 等函式庫來獲得更強大、更可靠的解決方案。

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