vue 文件转base64:

      getBase64(file) {
        return new Promise((resolve, reject) => {
          let reader = new FileReader();
          let fileResult = "";
          reader.readAsDataURL(file);
          reader.onload = () => {
            fileResult = reader.result;
          };
          reader.onerror = (error) => {
            reject(error);
          };
          reader.onloadend = () => {
            resolve(fileResult);
          };
        });
      }
调用方法:
this.getBase64(file).then(res=>{
     this.imgBase64 = res;
 });

base64转blob路径并下载:

savePicture = (base64, fileName = "下载文件(测试).pdf") => {
  var arr = base64.split(",");
  var bytes = atob(arr[1]);
  let ab = new ArrayBuffer(bytes.length);
  let ia = new Uint8Array(ab);
  for (let i = 0; i < bytes.length; i++) {
    ia[i] = bytes.charCodeAt(i);
  }
  var blob = new Blob([ab], { type: "application/octet-stream" });
  var url = URL.createObjectURL(blob);
  const el = document.createElement("a");
  el.style.display = "none";
  el.setAttribute("target", "_blank");
  fileName && el.setAttribute("download", fileName);
  el.href = url;
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
};
调用方法:
this.savePicture("data:application/pdf;base64," + flie.base64);

a链接下载方式

downloadEvt(url, fileName = "下载文件.PDF") => {
  const el = document.createElement("a");
  el.style.display = "none";
  el.setAttribute("target", "_blank");
  fileName && el.setAttribute("download", fileName);
  el.href = url;
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
};
调用方法:
this.downloadEvt(https://care-dev.oss-cn-hangzhou.aliyuncs.com/v2_care/salesproject/3114/test-248.pdf);

form表单下载方式

downloadform(url) {
  var form = document.createElement("form");
  form.action = url;
  form.method = "get";
  form.style.display = "none";
  document.body.appendChild(form);
  form.submit();
  document.body.removeChild(form);
};
调用方法:
this.downloadform(https://care-dev.oss-cn-hangzhou.aliyuncs.com/v2_care/salesproject/3114/test-248.pdf);
Logo

前往低代码交流专区

更多推荐