码迷,mamicode.com
首页 > 其他好文 > 详细

vue文件下载前端方法

时间:2020-05-08 13:21:09      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:一个   指定   new   文件   type   time   message   下载   pen   

async down_1() {
      const {
        data: res
      } = await this.$http.get(
        "5003/sys/file/download?originalName=" +
          this.originalName_1 +
          "&" +
          "remoteFileName=" +
          this.remoteFileName_1,
        { responseType: "blob" }
      );
      console.log(res);
      let data = res;
      if (!data) {
        this.$message.error("下载失败,解析数据为空!");
        return;
      }
      const datetime = Date.now();
      // 创建一个新的url,此url指向新建的Blob对象
      let url = window.URL.createObjectURL(new Blob([data]));
      // 创建a标签,并隐藏改a标签
      let link = document.createElement("a");
      link.style.display = "none";
      // a标签的href属性指定下载链接
      link.href = url;
      //setAttribute() 方法添加指定的属性,并为其赋指定的值。
      let fileName = datetime + ".png";
      link.setAttribute("download", fileName);
      document.body.appendChild(link);
      link.click();
      this.$message.success("导出成功");
    }

vue文件下载前端方法

标签:一个   指定   new   文件   type   time   message   下载   pen   

原文地址:https://www.cnblogs.com/limexee/p/12849576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!