base64的字符如何如何下载?

vue 将base64 的文件流转换成pdf 并下载, 兼容 IE10+
//base64 转换 blob

dataURLtoBlob(dataurl) {

  var bstr = atob(dataurl)

  var n = bstr.length;

  var u8arr = new Uint8Array(n);

  while (n--) {

    u8arr[n] = bstr.charCodeAt(n);

  }

  return new Blob([u8arr], { type: 'pdf' });

}


// res.data   就是后台返回的base64的 文件流

let URL = this.dataURLtoBlob(res.data);

var reader = new FileReader();

  reader.readAsDataURL(URL);

  reader.onload = function (e) {

    // 兼容IE

    if (window.navigator.msSaveOrOpenBlob) {

      var bstr = atob(e.target.result.split(",")[1]);

      var n = bstr.length;

      var u8arr = new Uint8Array(n);

      while (n--) {

        u8arr[n] = bstr.charCodeAt(n);

      }

      var blob = new Blob([u8arr]);

      window.navigator.msSaveOrOpenBlob(blob,'采购单.pdf');

    } else {

      // 转换完成,创建一个a标签用于下载

      const a = document.createElement('a');

      a.download = '采购单.pdf'; // 这里写你的文件名

      a.href = e.target.result;

      document.body.appendChild(a)

      a.click();

      document.body.removeChild(a)

  }

}

分类: vue

你可能感兴趣的:(base64的字符如何如何下载?)