如何使用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中文网其他相关文章！