vue文件上传下载

下载文件流

        let headers = res.data.headers;
        let blob = new Blob([res.data.body], {
          type: ["content-type"],
        });
        let link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        const fileName = headers["Content-Disposition"][0];
        let title;
        title = fileName.includes("filename=")
          ? fileName.split("=")[1]
          : "下载的文件";
        link.download = title;
        link.click();

上传文件（header中携带token）,还有一种是流的形式，下次更新

• :header:header可以携带token
• :data="{flag:'ywj'}"可以携带参数

<el-upload :headers="headers" class="upload-demo contentUpLoad" ref="upload" :action="GLOBAL+'/file/fileUpload'" 
            :before-upload="beforeAvatarUpload" :show-file-list="false" :limit="110" :on-success="handleSuccess" :data="{flag:'ywj'}" 
            :auto-upload="true" accept="file" multiple>
              <i class="el-icon-circle-plus-outline plusIcon"></i>
            </el-upload>

    beforeAvatarUpload(file) {
      const isLt2M = file.size / 1024 / 1024 < 200;
      if (!isLt2M) {
        this.$message.error("上传文件大小不能超过 200MB!");
      }
      return isLt2M;
    },

    handleSuccess(response, file, fileList) {
      if (response.code == 0) {
        this.$message({
          type: "success",
          message: "上传成功!",
        });
        this.getList(1);
      } else {
        this.$message.error(response.msg);
      }
    },