码迷,mamicode.com
首页 > 其他好文 > 详细

下载文件(后端反的二进制数据Bold,前端转成文件)

时间:2020-07-27 16:07:33      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:download   文件   进制   rem   reader   asd   creat   inf   imp   

import Vue from ‘vue‘
import axios from ‘axios‘
Vue.prototype.$download = function download(url,param) {
  axios.get(url, {
    responseType: ‘blob‘,
    params:param
  }).then((res) => {
    let blob = new Blob([res.data], {
      type: res.headers["content-type"]
    });
    var filename = decodeURI(res.headers["content-disposition"]).split(";")[1].split("=")[1];
    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);
    }
  }).catch((err) => {
    console.log(err.message);
  })
}

  

技术图片

 

 

下载文件(后端反的二进制数据Bold,前端转成文件)

标签:download   文件   进制   rem   reader   asd   creat   inf   imp   

原文地址:https://www.cnblogs.com/swt-axios/p/13384588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!