下载后台传输的数据

最新推荐文章于 2023-07-31 17:07:50 发布

web coder

最新推荐文章于 2023-07-31 17:07:50 发布

阅读量489

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/xuerwang/article/details/91449786

版权

js 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

 // 下载方法
    download(data, filename) {
      if (!data) {
        return;
      }
      let url = window.URL.createObjectURL(new Blob([data]));
      let link = document.createElement("a");
      link.style.display = "none";
      link.href = url;
      link.setAttribute("download", filename);

      document.body.appendChild(link);
      link.click();
    },
    //通用下载
    commonDownload(filePath,fileName){
      var _this = this;
      // 有图片的时候
      if (
        filePath != null &&
        filePath != "undefined"
      ) {
        // 下载图片
        this.$http.get(
          config.DOWNLOAD_PATH +
          "?path=" +
          filePath +
          "&token=" +
          _this.$store.state.token,
          { responseType: "blob" }
        ) .then(function(res) {
          _this.download(res.data, fileName);
        })
          .catch(function(res) {
            _this.$message({
              message: res.data.message,
              type: "warning"
            });
          });
      } else {
        _this.$message({
          message: _this.$t("alertMessage.unUpload_photo"),
          type: "warning"
        });
      }
    },

在 commonDownload方法里传入文件名称就可以了，commonDownload方法从后台读取要下载的文件，然后将文件及文件名传给downLoad方法。