我使用<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>
代码之外,您还有其他建议来实施文档查看器吗?
非常感谢!
答案 0 :(得分:0)
通过克隆<object>
元素并将其多次注入DOM来解决。
使用jQuery:
var el = $("object");
el.clone().appendTo(el.closest("div"));
el.remove();
感谢@GuilhermeSilva的输入。