有没有办法使用谷歌文档查看器显示javascript blob(.pdf)而不在本地保存文件?

时间:2016-07-20 17:11:20

标签: javascript android pdf mobile blob

我可以将http PDF链接传递给Google文档查看器并显示它而不会出现任何问题:

window.open(" https://docs.google.com/viewer?url= {pdfLink}"," _ blank");

但是有没有办法在google docs viewer上显示来自javascript blob的PDF而不在本地保存文件?

有意义的建议将不胜感激。

1 个答案:

答案 0 :(得分:0)

你是否想让观众工作以便在IE上显示.pdf?

如果没有,您可以使用iFrame和Chrome / Mozilla内置的pdf支持:

        let blob = new Blob([response], { type: 'application/pdf'});
        let objectUrl = URL.createObjectURL(blob);
        let iFrame = document.createElement('iframe');

        if (window.navigator && window.navigator.msSaveOrOpenBlob) {

           window.navigator.msSaveOrOpenBlob(blob, 'filename.pdf'); // internet exploder will download instead of preview

        } else {

            iFrame.setAttribute('src', objectUrl);
            iFrame.setAttribute('style', 'width:500px; height:700px;');

            angular.element(document.querySelector('#preview')).html(''); // clear any existing preview
            angular.element(document.querySelector('#preview')).append(_iFrame); // must have preview div in HTML

        }