如何使用Ajax觸發非同步檔案下載？

使用 Ajax 非同步下載檔案

使用 Ajax 下載檔案時，傳回的資料通常顯示為二元流。但是，如果您想開啟檔案下載窗口，可以採取以下步驟：

2019 現代瀏覽器更新

建議現代瀏覽器使用此方法：

• 使用fetch API 取得檔案作為Blob。
• 使用 window.URL.createObjectURL 為 Blob 產生唯一的 URL。
• 建立一個 元素，將其 href 屬性設為產生的 URL，並使用 download 屬性指定所需的檔案名稱。
• 附加
• 在 上執行 click 事件元素。
• 使用 window.URL.revokeObjectURL 撤銷產生的 URL。
• 顯示一則訊息，通知使用者檔案已下載。

程式碼範例：

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
  })
  .catch(() => alert('oh no!'));

以上是如何使用Ajax觸發非同步檔案下載？的詳細內容。更多資訊請關注PHP中文網其他相關文章！