打开一个新窗口,其中包含从 XMLHttpRequest 返回的 blob 对象中的 PDF 数据

Open a new window with PDF data in a blob object returned from XMLHttpRequest

本文关键字:XMLHttpRequest 返回 包含 数据 对象 blob PDF 一个 新窗口 窗口      更新时间:2023-09-26

在JavaScript内部,我正在向生成PDF并返回PDF数据的服务器发出XMLHttpRequest。在Chrome中,我可以在新窗口/选项卡中打开此数据,如下所示:

window.open( URL.createObjectURL(RETURNED_DATA) );

其中RETURNED_DATA是从 XHR 返回的实际数据。

在IE10中(我假设旧版本的IE),尝试使用从URL.createObjectURL()返回的DOMString对象进行window.open()时,我遇到"权限被拒绝"

我已经尝试了各种版本,例如在发送 XHR 之前打开新窗口并在 XHR 回调中更新新窗口的位置,以及使用仅包含 XHR 的简单 HTML 文件打开新窗口,以便它可以更新它在 XHR 回调中自己的位置。所有这些变体都可以在Chrome中工作,但在IE10中会导致"权限被拒绝"错误。

我最好的猜测是它是由同源策略引起的。在Chrome vs IE中将DOMString对象记录到控制台时,我注意到Chrome在字符串前面加上协议和主机,因此blob:http://localhost:8080/BLOB_DATA而IE10只有blob:BLOB_DATA

任何想法如何在IE中解决此问题?

对于 IE 10 和 11,您可以使用 msSaveOrOpenBlob

window.navigator.msSaveOrOpenBlob(blob, fileName);