Question

所以我使用以下代码：

   <object data="my.pdf" type="application/pdf" width="100%" height="800">
  <p>Your web browser doesn't have a PDF plugin.
  Install the missing plugin or you can <a href="my.pdf">click here to
  download the PDF file.</a></p>
   </object>

哪种方式在本地完美运行，但当我上传时，我得到的是灰色屏幕（在Chrome中）。有没有人在此之前解决过这个问题？

Answer 1

我认为浏览器正在尝试加载my.pdf，而您尚未指定浏览器应从何处获取该资源。

我相信在这种情况下幕后发生的步骤是：

浏览器查看对象标记并查看mime-type
浏览器在加载插件中搜索mime-type
选定的插件加载到dom的
插件告诉加载资源my.pdf
插件无法在客户端计算机上找到my.pdf
插件将显示空容器

尝试对文件进行完整引用。例如：http://my.server.domain/files/my.pdf

Answer 2

我在最新的Chrome（版本33.0.1750.152）和最新的OSX上遇到了pdf对象的问题。通过使用iframe解决它。但是，并非所有pdf选项都有效：页面工作;缩放和适合不。至少pagemode = t立即启动工具栏，然后用户可以操纵缩放和拟合，因此它是可用的。我的HTML：

<div class="responsive-container">
  <iframe src="./pdf/filename.pdf#pagemode=t"></iframe>
</div>

嵌入式PDF在本地工作，而不是实时

2 个答案: