js实现下载文件

未来可期xm

于 2024-01-31 17:16:03 发布

阅读量579

点赞数 8

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_44231085/article/details/135958162

版权

本文介绍了如何在JavaScript中利用fetchAPI和Blob对象来实现文件下载功能，通过创建URL.createObjectURL创建临时链接，模拟用户点击下载指定文件（如名称.docx）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js实现下载文件

downloadFile(url, fileName) {
  fetch(url, {
    headers: this.headers,
  })
    .then((response) => response.blob())
    .then((blob) => {
      const link = document.createElement("a");
      link.href = URL.createObjectURL(blob);
      link.download = fileName;
      link.click();
    });
},
downFile() {
  this.downloadFile(
    this.baseUrl + "/templateFile/名称.docx",
    "名称.docx"
  );
},