美文网首页
vue下载文件

vue下载文件

作者: 一名前端新手 | 来源:发表于2019-08-14 09:31 被阅读0次

let self = this;

      self.$axios({

          url: URL地址,

          type: "get",

          responseType: "blob"

        })

        .then(res => {

          if (!res) {

            this.$message.error("下载失败");

            return;

          } else {

            if (!!window.ActiveXObject || "ActiveXObject" in window) {

              var filename = " NAME " + new Date().toLocaleDateString() + ".xlsx";

              var type = "text/plain; charset=UTF-8";

              var obj = res.data;

              var blob =

                typeof File === "function"

                  ? new File([obj], filename, { type: type })

                  : new Blob([obj], { type: type });

              if (typeof window.navigator.msSaveBlob !== "undefined") {

                window.navigator.msSaveBlob(blob, filename);

              } else {

                var URL = window.URL || window.webkitURL;

                var downloadUrl = URL.createObjectURL(blob);

                if (filename) {

                  var a = document.createElement("a");

                  if (typeof a.download === "undefined") {

                    window.location = downloadUrl;

                  } else {

                    a.href = downloadUrl;

                    a.download = filename;

                    document.body.appendChild(a);

                    a.click();

                  }

                } else {

                  window.location = downloadUrl;

                }

              }

            } else {

              let url = window.URL.createObjectURL(res.data);

              let link = document.createElement("a");

              link.style.display = "none";

              link.href = url;

              var filename = " NAME " + new Date().toLocaleDateString() + ".xlsx";

              link.setAttribute("download", filename);

              document.body.appendChild(link);

              link.click();

            }

            self.fullscreenLoading = false;

          }

        })

        .catch(error => {

          console.log(error);

        });

相关文章

  • vue学习第一天笔记

    VUE 下载和安装vue官网npm下载vue模块:npm install vue下载完后使用里面的vue.js文件...

  • wangEditor4

    1.下载 vue文件

  • vue循环下载多个文件

    vue循环下载多个文件

  • vue项目使用 富文本插件

    下载 npm i vue-ueditor-wrap -S下载 UEditor 文件放到 public 文件下面 ...

  • echarts 立体柱形图

    如图: 下载echarts:版本如下: vue文件:

  • vue文件下载

    需求:vue直接下载后台返回Excel文件 请求后台文件的时候需加入responseType:'applicati...

  • vue第一天总结

    1.下载并且安装vue.js,输入指令 upm install vue,下载成功之后出现文件即可。 vue相对于A...

  • vue 日常使用

    一. vue 使用 pdf 插件 使用Vue Cli生成项目 下载pdf.js 解压下载后的文件,将文件夹里面的b...

  • 2018-09-11

    vue第一天总结 1.下载并且安装vue.js,输入指令 upm install vue,下载成功之后出现文件即...

  • 前端下载骚操作

    a 标签 tips: 改种方式可以下载本地资源文件,vue项目下文件放在 static 文件夹下,vue3.0放在...

网友评论

      本文标题:vue下载文件

      本文链接:https://www.haomeiwen.com/subject/aopwjctx.html