[JavaScript知识库]后台返回文件流，前端下载为jpg以及zip都可，不过zip要求后端返回的文件流也是压缩后的

下载图片，如png，jpg等

    // 单个图片下载
    installImage() {  //下载方法
      img(this.id)
        .then((res) => {
          const url = URL.createObjectURL(res);
          const link = document.createElement("a");
          document.body.appendChild(link);
          link.download = "图片单张下载"+".png";//（等图片格式任意一个都可以）
          link.href = url;
          link.click();
          document.body.removeChild(link);
          URL.revokeObjectURL(url);
        })
        .catch((error) => {
          this.$message({ message: error.message, type: "error" });
        });
    },

下载zip

 // 批量下载
    atchDownload() {  //下载方法
      pictureDown(this.$route.query.idX)
        .then((res) => {
          const url = URL.createObjectURL(res);
          const link = document.createElement("a");
          document.body.appendChild(link);
          link.download = "图片包" + ".zip";
          link.href = url;
          link.click();
          document.body.removeChild(link);
          URL.revokeObjectURL(url);
        })
        .catch((error) => {
          this.$message({ message: error.message, type: "error" });
        });
    },

注意：这两种在请求的头部都需要发送blob请求
export function imgDownLoad(query) {
  return request({
    url: `请求地址`,
    method: 'get',
    responseType: "blob",
    params: query
  })
}

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖