前端如何接收blob并下载到本地前端如何接收blob并下载到本地----废话不多说直接上代码一共分两步 1.发送网络请求

前端如何接收blob并下载到本地----废话不多说直接上代码一共分两步

1.发送网络请求

export const supplierdownloadSupplierInfoes = (data?: object) => {
  return http.request<Blob>(
    "post",
    `/xxx/xxx`, // 你自己的网络请求
    {
      data: data,
      responseType: "blob" // 注意响应这里要写上blob
    }
  );
};

在对应的页面接收数据并且下载到本地

  const blob = await supplierdownloadSupplierInfoes(data)
  console.log(blob, '----blob')
  const url = window.URL.createObjectURL(blob);
  const link = document.createElement("a");
  link.href = url;
  link.download = "你需要下载下来的名称";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  window.URL.revokeObjectURL(url);
  message("模板下载成功", { type: "success" });