“加载 PDF 文档失败”HTML5 对象答案

【问题标题】："Failed to load PDF document" HTML5 Object“加载 PDF 文档失败”HTML5 对象
【发布时间】：2015-07-09 12:00:21
【问题描述】：

我正在尝试在我的网页上显示一些 PDF 文档，但我的浏览器中不断收到Failed to load PDF document。我在 Google Chrome 和 Mozilla Firefox（都是最新版本）中都试过了。每当我检查对象并直接在浏览器中打开 src url 时，路径是正确的，它会下载 PDF 文件。

这是我正在使用的代码：

<object data="https://example.com/_f/user/pdf/my_file.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text</p>
</object>

更新

我找到了一个我用过的solution here on StackOverflow。效果很好！

【问题讨论】：

标签： html pdf

【解决方案1】：

我认为您的网址有问题。你可以试试这条路吗？

<object data="http://partners.adobe.com/public/developer/en/acrobat/sdk/pdf/pdf_creation_apis_and_specs/PDFOpenParameters.pdf" type="application/pdf" width="100px" height="100%">
  <p>Alternative text</p>
</object>

【讨论】：

只显示替代文本，意味着文件不正确？
尝试使用您的浏览器导航到该链接。有效吗？
试试 TYPE="application/x-pdf"

【解决方案2】：

我遇到了同样的问题，不得不更改Content-Disposition attachment 标头。

我变了：

Content-Disposition: attachment; filename="filename.pdf"

到

Content-Disposition: inline; filename="filename.pdf"

另请参阅：How to force files to open in browser instead of download (pdf)?

【讨论】：

做到了！谢谢！我一直在这几个小时，直到我找到你的答案。