在浏览器中将字节数组显示为 pdf 我尝试了堆栈溢出中的几个选项，但它对我不起作用

Question

我收到以下 json 格式的响应

{"filename":"copyofabc.pdf","filedata":[37,80,68,70,45,49,46,53,13,10,37,-75,-75,-75,-75, 13,10,49,32,48,32,111,98,106,13,10,60,60,47,84,121,112,101,47,67,97,116,97,108,111,103,47,80,510,20,513,20,513,20,513,2013 82,47,76,97,110,103,40,101,110,45,73,78,41,32,47,83,116,114,117,99,116,84,114,101,101,82,111,...11.]

enter code here


 var blob = new Blob($(this).attr('filedata'), {
                        type: 'application/pdf'
                    });
                    var objectURL = URL.createObjectURL(blob);
                    // Create an iframe to demonstrate it:
                    var iframe = document.createElement('iframe');
                    iframe.className = 'sample-iframe';
                    iframe.src = objectURL;
                    document.body.appendChild(iframe);

上面的代码我用来从字节数组显示pdf

Answer 1

这适用于我在 Chrome 上，但不适用于 IE：

// base64DataFromWebAPI comes from a Web API, in the form of base 64 string
var pdfData = base64DataFromWebAPI;

var x = window.open();
var iframe = x.document.createElement('iframe')
iframe.width = '100%'
iframe.height = '100%'
iframe.frameBorder = 0
iframe.style = "border: 0"
iframe.src = "data:application/pdf;base64, " + pdfData
x.document.body.appendChild(iframe);

我从以下 Stack Oveflow 问题中得到它： JsPDF - Not allowed to navigation top frame to data URL

Answer 2

使用 Chrome*，您还可以简单地将以下代码粘贴到地址栏中：

data:application/pdf;base64, YOUR_PDF_DATA_HERE

它将在浏览器包含的 PDF 查看器中打开它。

*未测试其他浏览器