前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端下载文件并设置文件名字

前端下载文件并设置文件名字

作者头像
用户4344670
发布2020-05-26 17:12:07
2.7K0
发布2020-05-26 17:12:07
举报
文章被收录于专栏:vue的实战vue的实战
代码语言:javascript
复制
data 是接口地址
   if (!data) {
        return;
      }
      let blob = new Blob([data], {
        type:
          "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8"
      });
      let url = window.URL.createObjectURL(blob);
      let fileName = names + ".xlsx";
      if ("download" in document.createElement("a")) {
        const a = document.createElement("a");
        a.href = url;
        a.download = fileName;
        a.style.display = "none";
        document.body.appendChild(a);
        a.click();
        URL.revokeObjectURL(a.href);
        document.body.removeChild(a);
      } else {
        navigator.msSaveBlob(blob, fileName);
      }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档