ajax怎么预览pdf,如何在新的Chrome窗口中从AJAX响应中打开PDF blob

在Chrome浏览器中,作者尝试通过xhr获取PDF数据并以Blob形式处理,然后在新窗口中显示。尝试了两种方法:1)使用URL.createObjectURL创建URL并用window.open打开;2)读取Blob为data-url再打开,但都无法成功。问题在于两种方法都未能正确显示PDF。已知输入Blob类型为'application/pdf',大小为219478字节。尽管能获取到data-uri,但在新窗口中无法直接查看PDF。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我是xhr-将一些数据发布到服务器,服务器返回一个PDF,我将其作为blob处理(为了完整起见,使用iron-ajax的handle-as = "blob"属性) .

现在我想在新的浏览器窗口中显示此blob / PDF(仅限Chrome / Windows) .

我已经尝试过URL.createObjectURL(blob)和(new FileReader()).readAsDataURL(blob) - 两者都无声地失败:

方法1)

function handlePdfResponse(blob) {

const pdfUrl = URL.createObjectURL(blob);

window.open(pdfUrl, '_blank');

}

方法2)

function handlePdfResponse(blob) {

const reader = new FileReader();

reader.onloadend = function(e) {

window.open(reader.result, '_blank');

};

reader.readAsDataURL(blob);

}

在这两种情况下,记录输入blob会产生:

Blob {size: 219478, type: "application/pdf"}

使用后一种方法,我可以记录reader.result(这是一个有效的数据 - uri),将其粘贴到一个新的Chrome窗口,并凝视我闪亮的PDF .

似乎没有办法调试这些方法中的任何一种 .

思考?

明显的错误?

还有什么我可以尝试的吗?

编辑:亲爱的后代:我使用的是Chrome版本55.0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值