javascript - 在 HTML 中嵌入 PDF 字节数据

Question

这应该有效，但似乎我遗漏了什么。

我在本地驱动器上有一个 pdf 文件。显然 Chrome 和其他浏览器无法获取该本地 URL，因为它是沙盒化的，所以我有一个 servlet 从本地驱动器中提取数据并通过 ajax 调用将其发送回 Web 客户端。我没有收到任何错误，似乎正在加载 pdf 查看器，但文件本身不会显示。我提前编码了，但还是不行。我将在下面展示我的众多方法，但我不会包括 servlet 代码，因为它似乎有效。

尝试 1:

function embedFile(){
    $.get("FileGetter", function(pdfText){

        var base64EncodedPDF = b64EncodeUnicode(pdfText);
        $("#embedHolder").append("<object id='embedder' width='80%' height='600px'><embed width=100% height=100%"
                                     + ' type="application/pdf"'
                                     + ' src="data:application/pdf;base64,'
                                     + base64EncodedPDF
                                     + "></embed></object>");

            });
        }

 function b64EncodeUnicode(str) {
     return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
                return String.fromCharCode('0x' + p1);
            }));
        }

尝试 2:

function embedFile(){
    $.get("FileGetter", function(pdfText){

        var base64EncodedPDF = b64EncodeUnicode(pdfText);
        var obj = $('<object id="repObjID" type="application/pdf" width="100%" height="600" border="2"></object>'); 
        obj.attr('data',base64EncodedPDF); 
        var embed = $('<embed type="application/pdf"></embed>'); 
        embed.attr('src',base64EncodedPDF); 
        $('#repObjID').append(embed); 
        $("#docHolder").html(obj);
    }

function b64EncodeUnicode(str) {
    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,               function(match, p1) {
                return String.fromCharCode('0x' + p1);
            }));
}    

Answer 1

1.使用 ajax 下载二进制数据到 arraybuffer

var xhr = new XMLHttpRequest;
xhr.open('get', '/path/to/pdf', true);
xhr.responseType = 'arraybuffer';
xhr.send();

2。创建 Blob 和对象 URL

var blob = new Blob([xhr.response], {type: 'application/pdf'});
var url = URL.createObjectURL(blob);

3。在 iframe 中加载 URL

iframe.src = url;

演示:https://webblocks.nl/tests/ajax-pdf.html