base64转文件下载

最新推荐文章于 2024-03-20 16:33:31 发布

王明鹏

最新推荐文章于 2024-03-20 16:33:31 发布

阅读量414

点赞数 2

文章标签： Base64 文件转换 Blob 下载文件格式

本文链接：https://blog.csdn.net/cfnwmp/article/details/124201916

版权

     //根据文件后缀 获取base64前缀不同
       getBase64Type(type) {
            switch (type) {
              case 'txt': return 'data:text/plain;base64,';
              case 'doc': return 'data:application/msword;base64,';
              case 'docx': return 'data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,';
              case 'xls': return 'data:application/vnd.ms-excel;base64,';
              case 'xlsx': return 'data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,';
              case 'pdf': return 'data:application/pdf;base64,';
              case 'pptx': return 'data:application/vnd.openxmlformats-officedocument.presentationml.presentation;base64,';
              case 'ppt': return 'data:application/vnd.ms-powerpoint;base64,';
              case 'png': return 'data:image/png;base64,';
              case 'jpg': return 'data:image/jpeg;base64,';
              case 'gif': return 'data:image/gif;base64,';
              case 'svg': return 'data:image/svg+xml;base64,';
              case 'ico': return 'data:image/x-icon;base64,';
              case 'bmp': return 'data:image/bmp;base64,';
            }},

//将base64转换为blob
    dataURLtoBlob(dataurl) {
      var arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: mime });
    },
//下载方法
    downloadFile(url, name = "What's the fuvk") {
      var a = document.createElement("a");
      a.setAttribute("href", url);
      a.setAttribute("download", name);
      a.setAttribute("target", "_blank");
      let clickEvent = document.createEvent("MouseEvents");
      clickEvent.initEvent("click", true, true);
      a.dispatchEvent(clickEvent);
    },

    downloadFileByBase64(base64, name) {
      var myBlob = this.dataURLtoBlob(base64);
      var myUrl = URL.createObjectURL(myBlob);
      this.downloadFile(myUrl, name);
    },