Window.open 二进制数据 pdf 正在下载但不显示 pdf：Javascript答案

【问题标题】：Window.open binary data pdf is downloading but not displaying pdf :JavascriptWindow.open 二进制数据 pdf 正在下载但不显示 pdf：Javascript
【发布时间】：2017-09-03 21:34:52
【问题描述】：

您好，我有 pdf 的 base64 二进制数据，我正在尝试在新窗口中打开，它正在下载但未打开，新窗口为空，大约为空白

<a click="openfile(sampledoc)"  href="#"><img src="some.png" /></a>

function openfile(binaryData){
 window.open('data:application/pdf;base64,'+binaryData, 'samplepdf', 'width=700px,height=600px');
}

PDF 正在完美下载，但它没有显示在打开的窗口中。

Pdf 显示在 firefox 的新标签中，但在 chrome 中下载但不显示

【问题讨论】：

base64 二进制数据是什么意思？ Base64 是 A–Z、a–z、0–9 和 = 符号范围内的文本形式。
window.open 签名是 window.open(URL, name, specs, replace)。所以你应该删除“_blank”或“window”之一。两者的作用相同，只是“窗口”名称可以用作目标。 window.open('data:application/pdf;base64,'+binaryData, 'aMoreDescriptiveName', 'width=700px,height=600px')
我已经修改了问题，请您现在检查一下，在 forfox 中打开它，但在 chrome 中下载而不是打开

标签： javascript pdf binary-data

【解决方案1】：

我在 Firefox 和 chrome 上都试过了，它是在新窗口中打开而不是下载。

window.open("data:application/pdf;base64,JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwogIC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAvTWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0KPj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAgL1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9udAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2JqCgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJUCjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVuZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4gCjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAwMDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9vdCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G", "mypdf", "width=700px,height=600px");

可能与您机器上的 chrome 设置有关。请在另一台机器上尝试。

在浏览器上打开/打印 pdf 是有问题的。有的浏览器使用adobe插件打开，有的使用pdf.js，有的使用其他方式，有的下载代替打开。

【讨论】：