前端点击下载压缩包zip,后端返回文件流-创新互联

接口请求带responseType: ‘blob’
export const fileDownloadZip = (params) =>{return request({url: '/file/downloadZip',
    method: 'post',
    data: params,
    responseType: 'blob',
  })
}
调用接口下载压缩包
fileDownloadZip({paths: JSON.stringify(params) }).then(res =>{const blob = new Blob([res], {type: "application/zip" });
  const fileName = `文件1`;
  if ("download" in document.createElement("a")) {// 非IE下载
    const elink = document.createElement("a");
    elink.download = fileName;
    elink.style.display = "none";
    elink.href = window.URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    window.URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
  } else {// IE10+下载
    navigator.msSaveBlob(blob, fileName);
  }
})
.catch((err) =>{console.log(err);
});

你是否还在寻找稳定的海外服务器提供商?创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源,准确流量调度确保服务器高可用性,企业级服务器适合批量采购,新人活动首月15元起,快前往官网查看详情吧

成都创新互联科技有限公司专业互联网基础服务商,为您提供成都多线机房高防服务器,成都IDC机房托管,成都主机托管等互联网服务。
新闻标题:前端点击下载压缩包zip,后端返回文件流-创新互联
当前地址:http://myzitong.com/article/dpgocs.html