前端下载文件流

₍•ʚ•₎呀呀

已于 2023-03-30 15:26:18 修改

阅读量78

点赞数

分类专栏： vue3 js 文章标签：前端 javascript html

于 2022-12-22 15:22:05 首次发布

本文链接：https://blog.csdn.net/weixin_60886885/article/details/128409210

版权

vue3 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

 axios.post(BASE_URL+'/api/ExportData/ExportND', {BarInfos,IsMerge}, { responseType: 'blob' }).then(res=>{
          // console.log(res,'文件流')
           Exportloading.value=false
         
              const fileName=res.headers['content-disposition'].split('; ')[1].replace("filename=","")//截取后端返回的文件名
              const blob = new Blob([res.data]);//将文件流放在blob里面
              const reader = new FileReader();
              reader.readAsDataURL(blob);
              reader.onload = (e) => {
              const a = document.createElement('a');
              a.download = fileName;//文件名
              a.href = e.target.result
              document.body.appendChild(a);
              a.click();
              document.body.removeChild(a);
              }