vue实现下载功能，处理后端返回的二进制文件流

Misnice

于 2020-08-06 10:13:53 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： vue.js vue实现下载功能 vue处理二进制文件 vue中下载文件

本文链接：https://blog.youkuaiyun.com/Misnice/article/details/107832874

版权

Vue 专栏收录该内容

47 篇文章

订阅专栏

          const content = res.data;   //后端返回的数据
          let url = window.URL.createObjectURL(content)
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('id', 'downloadLink')
          var date =
          new Date().getFullYear() +
          "" +
          (new Date().getMonth() + 1) +
          "" +
          new Date().getDate();
          link.setAttribute('download', date+'.xls')
          document.body.appendChild(link)
          // 删除添加的a链接
          let objLink = document.getElementById('downloadLink')
          objLink.click();
          document.body.removeChild(objLink)
          // 释放内存
          window.URL.revokeOjbectURL(url)