js 导出文件

科技达人ლ(′◉❥◉｀ლ)

已于 2022-07-13 17:23:05 修改

阅读量1.2k

点赞数

分类专栏： vue js 文章标签： javascript 前端 vue.js

于 2022-04-02 11:35:38 首次发布

本文链接：https://blog.csdn.net/m0_56175362/article/details/123916628

版权

js 同时被 2 个专栏收录

50 篇文章 0 订阅

订阅专栏

vue

17 篇文章 0 订阅

订阅专栏

 //转换成Blob数据并下载  api请求后传过的数据进行转换下载
    convertRes2BlobAndDownload: function(data) {
      const filename = 'export-'+new Date().getTime()+'.xls';
      //type 限制文件类型 application/octet-stream
      const blob = new Blob([data], { type: 'application/octet-stream' }); 
      // 创建新的URL并指向File对象或者Blob对象的地址
      const blobURL = window.URL.createObjectURL(blob);
      // 创建a标签，用于跳转至下载链接
      const tempLink = document.createElement('a')
      tempLink.style.display = 'none'
      tempLink.href = blobURL
      tempLink.setAttribute('download', decodeURI(filename))
      // 兼容：某些浏览器不支持HTML5的download属性
      if (typeof tempLink.download === 'undefined') {
        tempLink.setAttribute('target', '_blank')
      }
      // 挂载a标签
      document.body.appendChild(tempLink);
      tempLink.click()
      document.body.removeChild(tempLink);
      // 释放blob URL地址
      window.URL.revokeObjectURL(blobURL);
    },