前后端联调—前端文件导出(下载)

这篇博客详细介绍了如何在前端通过API接口下载Excel文件。首先,定义了请求头`letheaders`,然后在`downloaExcel`函数中,使用`POST`方法并设置`responseType`为`blob`。在组件中调用这个函数,并处理返回的响应,创建隐藏的``标签来触发文件下载。整个过程涉及HTTP请求、响应类型转换和文件下载的实现。
摘要由CSDN通过智能技术生成

API文件中:

let headers = { ∵
CLIENT_SYS_CODE:“prscfg” J
}

export function downloaExcel (data) {
return request ({
url:“ /downloadExcel”,
method: “post”,
responseType:“blob”, (如果一直联调不成功注意这里)
headers: headers (看后端需求,可加可不加)

组件中:
exportprd (){
let formdata = {
入参
}

downloaExcel(formdata).then ((resp) => {
let content = resp.data
let a = document.createElement(“a”)
a.download = “模版.xlsx”
a.style.display = “none”
let blob = new Blob ([content], {type: application/octet- stream})
a.href = URL.createObjectURL(blob)
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
})

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值