前端文件导出

当我们拿到后端的导出数据接口,直接调用不经过处理会传回一个二进制对象。
需要使用npm下载一个插件file-saver,里面有个saveAs方法可以将二进制文件转成想要的类型

saveAs(
    // 先转成blob对象
      new Blob([s2ab(wbout)], {
        type: "application/octet-stream"
      }),
      // 设置导出文件名称
      `${filename}.${bookType}`
    );

应用

导出文件接口,需要给这个接口单独添加请求头和响应的类型

// 导出表格接口
export const exportApi=(params,configs)=>
instance.post('/prod/api/customer/export',params,config)

调用接口

async exportExl(){
	let res=await exportApi({
		pageNum:1,
		pageSize:10
	},{
		headers:{'Content-Type':'application/x-www-form-urlencoded'},
		responseType:'blob'
	});
	saveAs(
		new Blob([res]),
		`客户档案_${new Date().getTime()}.xlsx`
		);
}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值