回退后重置HTML对象标签,是否可能?

时间:2015-07-30 15:02:18

标签: html html5

我使用<object>标记在我的网站上显示文档预览。 基本上,我提取文档URL并从我的数据库中键入,并将其提供给<object>标记,如下所示:

<object data="url" type="type" width="100%" height="100%">
 <p>Fallback in case the browser couldn't display the document</p>
</object>

每次用户选择不同的文档时,我只需替换相同 <object>标记上的两个参数(它放在模态窗口中)。

一切正常,交换文档完美无缺,只要浏览器可以呈现文档(例如,从image/jpeg移动到application/pdf然后返回就可以了。 但是,只要浏览器无法以任何理由呈现一个文档(例如,用户没有PDF插件),那么以下所有文档都无法正常工作。

有没有办法可以重置<object>代码,以便能够在不刷新页面的情况下再次开始显示文档?

否则,除了使用<object>代码之外,您还有其他建议来实施文档查看器吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

通过克隆<object>元素并将其多次注入DOM来解决。

使用jQuery:

var el = $("object");
el.clone().appendTo(el.closest("div"));
el.remove();

感谢@GuilhermeSilva的输入。