首页 > 其他 > 详细

下载文件流

时间:2019-11-05 12:40:55      阅读:79      评论:0      收藏:0      [点我收藏+]
Vue.prototype.$xlsx_get = function (url, data, fun, err) {
  axios({
      method: ‘get‘,
      url: url,
      responseType: "blob",
      headers: {
        ‘Authorization‘: userName ? userName.token_type + userName.access_token : "Basic emh4eTp6aHh5"
      },
      params: data,
    }).then(function (res) {
      if (fun) {
        fun(res)
      }
    })
    .catch(function (error) {
      if (err) {
        err(error)
      }
    });
}

  

    // 下载
    downLoadClick(row) {
      console.log(row);
      this.$xlsx_get(
        `/dcenter/backup/download/${row.id}`,
        {},
        res => {
          const blob = new Blob([res]);
          console.log(blob)
          const elink = document.createElement("a");
          const fileName = row.fileName;
          elink.download = fileName;
          elink.style.display = "none";
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
          this.$message.success(‘下载成功‘)
          console.log(res);
        },
        err => {
          this.$message.error(err.msg)
          throw err;
        }
      );
    },

  下载这种文件流的方式

技术分享图片

 

 

下载文件流

原文:https://www.cnblogs.com/js-liqian/p/11797302.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!