vue中实现前端自己下载数据功能

最新推荐文章于 2024-04-24 16:53:04 发布

小白bai呀

最新推荐文章于 2024-04-24 16:53:04 发布

阅读量487

点赞数

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

本文链接：https://blog.csdn.net/weixin_45691320/article/details/125852497

版权

前端下载专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端实现下载数据

/*
* @data 需要下载的数据
* @filename 文件名
* @type 下载的类型（现在的是json类型）
*/
function download(data, filename, type) {
  var file = new Blob([data], {type: type});
  if (window.navigator.msSaveOrOpenBlob) // IE10+
    window.navigator.msSaveOrOpenBlob(file, filename);
  else { // Others
    var a = document.createElement("a"),
      url = URL.createObjectURL(file);
    a.href = url;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
    setTimeout(function() {
      document.body.removeChild(a);
      window.URL.revokeObjectURL(url);  
    }, 0); 
  }
}

this.download(JSON.stringify(prj, null, '\t'), "MyProject.json", "application/json");