评论

【vue】js访问接口下载流文件

vue 项目下载文件

//后台接口返回的流信息
var blob = res.data;
// FileReader主要用于将文件内容读入内存
var reader = new FileReader();
reader.readAsDataURL(new Blob([blob]));
// onload当读取操作成功完成时调用
reader.onload = function(e) {
  var a = document.createElement('a');
  // 获取文件名fileName
  var fileName = res.headers["content-disposition"].split("=");
  fileName = fileName[fileName.length - 1];
  fileName = fileName.replace(/"/g, "");
  a.download = decodeURIComponent(fileName);
  a.href = e.target.result;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}
点赞 0
收藏
评论
登录 后发表内容