react 解决post请求的下载pdf问题

本文介绍了在React应用中如何处理POST请求来下载PDF文件。通过设置responseType为'blob',将返回的二进制数据转换为Blob对象。然后利用window.URL.createObjectURL创建下载链接,并创建隐藏的a标签实现点击下载。关键代码包括创建Blob对象、创建下载链接和模拟点击下载。
摘要由CSDN通过智能技术生成

react处理post请求的下载pdf功能

完整代码:
//下载
Down=(index)=>{
this.setState({
visible: true,
});
console.log(index.pdfPath);
const THIS=this;
axios.post(‘http://localhost:3006/archiveDocument/downLoadPdf’,
{
“path”: index.pdfPath
},
{responseType:‘blob’}
).then((data)=> {
let Data = eval(data);
if (Data.data.state === 0) {
console.log(Data.data.message);
}
else {
console.log(“成功”);
console.log(Data.data);
//创建链接
let URL = window.URL || window.webkitURL;
let objectUrl = URL.createObjectURL(Data.data);
let a = document.createElement(‘a’);
a.href = objectUrl;
a.download = index.pdfPath;
document.body.appendChild(a)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值