动态更改embed标签src属性时不显示PDF

Posted 2021-05-06

可能重复的JavaScript: Changing src-attribute of a embed-tag，但这不适用于jQueryMobile。

我有以下场景;我有一个页面应该根据查询字符串值（文档URL）查看多个文档（PDF文档）。

我正在使用以下代码从不同页面导航到查看器页面

$.mobile.changePage("Viewer.aspx?URL=" + documentURL;

这是我用来删除现有embed标签的代码，并将其重新插入src属性中嵌入的文档url。

$('div[id="pageViewer"]').live("pageshow", function() {
    var queryStringVals = $().SPServices.SPGetQueryString();
    var menuURL = queryStringVals["URL"];

    $("#menuViewer").attr("src", menuURL);
    var parent = $("#menuViewer").parent();
    $("#menuViewer").remove();
    parent.append("<embed id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");
});

此代码正常工作，插入了新的嵌入标记，但未加载pdf文档！ 此外，将页面事件更改为任何其他事件（即pageinit），在这种情况下，我无法捕获查询字符串值。

有什么建议？

答案

好吧，我可能不会使用<embed>而是使用<iframe>甚至是<object>标签来做你正在做的事情。

这是an article that shows this。

这是一个PDFObject that helps embedding PDFs，他们建议只需添加一个<object>标签，就像

parent.append("<object id='foodMenuViewer' type='application/pdf' style='width: 400px; height: 900px;' src=" + menuURL + " />");

希望这些有帮助......