在 JavaScript 中下載 Blob 檔案時如何強制使用特定的檔案名稱？

在JavaScript 中設定強制下載的Blob 檔案名稱

直接透過window.location 下載Blob 檔案時，預設檔案名稱是隨機的細繩。但是，您可能希望設定自訂檔案名稱以使其提供更多資訊。

要實現此目的，您不能只依賴 window.location 方法。相反，您需要使用以下步驟：

1. 建立隱藏的 元素。
2. 將其 href 屬性設為 blob 的 URL。
3. 將其下載屬性設定為所需的檔案名稱。
4. 觸發 上的點選。

這是一個簡化過程的範例：

const saveData = (function () {
  const a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";
  return (data, fileName) => {
    const json = JSON.stringify(data);
    const blob = new Blob([json], { type: "octet/stream" });
    const url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = fileName;
    a.click();
    window.URL.revokeObjectURL(url);
  };
})();

const data = { x: 42, s: "hello, world", d: new Date() };
const fileName = "my-download.json";

saveData(data, fileName);

注意：

• 舊版瀏覽器可能不支援下載屬性。
• 某些檔案格式可能受到限制瀏覽器，導致下載失敗。考慮使用不同的檔案副檔名（例如，JSON 的 .txt）。

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