vue导出经过base64加密的数据

最新推荐文章于 2023-12-29 16:15:08 发布

今天你码了吗

最新推荐文章于 2023-12-29 16:15:08 发布

阅读量139

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_50249353/article/details/129081428

版权

vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

该文章介绍了一个Vue函数，用于将经过Base64加密的数据转换成Blob对象，并根据浏览器类型（IE与非IE）实现文件下载。函数接受Base64编码和文件名作为参数，通过创建和模拟点击a标签来触发文件保存。

摘要由CSDN通过智能技术生成

vue导出经过base64加密的数据

封装到一个函数里面

export function transFile(base64, name) {
  var bstr = atob(base64);
  var n = bstr.length;
  var u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  var myBlob = new Blob([u8arr], { type: "excel" });

  if (!!window.ActiveXObject || "ActiveXObject" in window) {
    // ie,直接利用由base64得到的blob生成文件
    navigator.msSaveBlob(myBlob, name); //filename文件名包括扩展名，下载
  } else {
    // 非ie，由base64得到blob后，再模拟点击a标签来下载
    var myUrl = URL.createObjectURL(myBlob);
    var a = document.createElement("a");
    a.setAttribute("href", myUrl);
    a.setAttribute("download", name);
    a.setAttribute("target", "_blank");
    var clickEvent = document.createEvent("MouseEvents");
    clickEvent.initEvent("click", true, true);
    a.dispatchEvent(clickEvent);
  }
}

然后直接调用就行了