Vue 导出二进制流文件

最新推荐文章于 2024-05-26 23:44:38 发布

原创最新推荐文章于 2024-05-26 23:44:38 发布 · 478 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

这段代码展示了如何在JavaScript中创建一个Blob对象并下载为指定名称的Excel文件。它利用了`a`标签的`download`属性来实现文件下载，对于不支持此属性的浏览器，代码则使用`navigator.msSaveBlob`作为备选方案。

 downloadBlob(res) {
      const blob = new Blob([res]);
      const fileName = "职业装尺寸统计表.xlsx"
      if ("download" in document.createElement("a")) {
        const link = document.createElement("a");
        link.download = fileName;
        link.style.display = "none";
        link.href = URL.createObjectURL(blob);
        document.body.appendChild(link);
        link.click();
        URL.revokeObjectURL(link.href);
        document.body.removeChild(link);
      } else {
        navigator.msSaveBlob(blob, fileName);
      }
    },