将正常传入的文件格式,转base64格式,base64转file,下载file文件。

文件转base64

主要是用到H5 方法中的 **fileReader** api。但是这个api不能return。那就**promise**来写吧。
//这个file参数 也就是文件信息,你使用 插件 时 你就可以打印出文件信息查看一下
getBase64(file) {
      return new Promise((resolve, reject) => {
        let reader = new FileReader();
        let fileResult = "";
        reader.readAsDataURL(file);     //开始转
        reader.onload = function() {
          fileResult = reader.result;
        };     //转 失败
        reader.onerror = function(error) {
          reject(error);
        };     //转 结束  咱就 resolve 出去
        reader.onloadend = function() {
          resolve(fileResult);
        };
      });
    }

base64转file

base64ToFile = (urlData, fileName,type) => {
    let mime = type.match(/:(.*?);/)[1];
    let bytes = atob(urlData); // 解码base64
    let n = bytes.length
    let ia = new Uint8Array(n);
    while (n--) {
        ia[n] = bytes.charCodeAt(n);
    }
    return new File([ia], fileName, { type: mime });
}
// 使用
let blob = base64ToFile(
    "文件base64",
    "pdf",//文件类型
     "data:application/pdf;base64,"//文件头部信息
   );

下载file文件

downloadFile = (url, fileName) => {
    const a = document.createElement("a");
    a.setAttribute("href", url);
    a.setAttribute("download", fileName);
    a.setAttribute("target", "_blank");
    let clickEvent = document.createEvent("MouseEvents");
    clickEvent.initEvent("click", true, true);
    a.dispatchEvent(clickEvent);
}
// 使用方法
//配合上面base64转file使用
const url = URL.createObjectURL(blob);
downloadFile(url, "下载的文件名称");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值