javascript - 如何使用 JavaScript 动态更改 PDF 对象/嵌入文件的 "src"或 "data"？

Question

我有一个 Web 应用程序，可以动态加载 PDF 文件以在浏览器中查看。目前，它使用“innerHTML”将 div 替换为 PDF 对象。这有效。

但是，是否有更好的方法来获取元素的 ID 并为对象/嵌入设置“src”或“data”参数并使其立即加载新文档？我希望 Adob​​e Acrobat Reader 的实例将保留在屏幕上，但新文档将加载到其中。

下面是该对象的 JavaScript 示例:

document.getElementById(`divPDF`).innerHTML = `<OBJECT id='objPDF' DATA="'+strFilename+'" TYPE="application/pdf" TITLE="IMAGING" WIDTH="100%" HEIGHT="100%"></object>`;

任何见解都值得赞赏。

Answer 1

我不确定这是否有效，因为我还没有在我的项目中尝试过。

(看你的JS，我相信你使用的是jQuery。如果不是，请纠正我)

使用对象填充 divPDF 后，您可以尝试以下代码:

$("objPDF").attr({
    data: "dir/to/newPDF"
});

同样，我不确定这是否适合您的特定需求，但如果您将此代码附加到事件处理程序，您可以切换对象的数据。

您还可以将其包装在一个函数中以便反复使用:

function pdfLoad(dirToPDF) {
    $("objPDF").attr({
        data: dirToPDF
    });
}