如何使用HTML5阅读pdf文件？

Question

我想创建一个html文件，我可以通过提供该PDF文件的来源来阅读任何PDF文件。我怎么能只用html5做到这一点？ 例如，我想读一个在C盘中可用的pdf文件scr="http://virdir/mypdf.pdf"。

我想要像this这样的东西。

Answer 1

您想要使用开发的HTML 5 File API。 Mozilla有一个good explanation，您也可以直接参考the spec。

由于PDF是二进制格式，您可能希望使用FileReader.readAsBinaryString()。

解析和渲染（例如，canvas）JavaScript 中的PDF 是可能的，但这将是非常具有挑战性的。

Answer 2

这是一个用javascript编写的开源pdf阅读器。

https://github.com/mozilla/pdf.js

有可供使用的API。它内置于Firefox浏览器中，并得到Mozilla社区的良好支持。