javascript - 如何从输入字段在浏览器中显示 PDF 文件

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 7 年前。

Improve this question

我想使用“post”方法在表单中添加一个输入字段。表单中会有一个附件字段，用户可以在其中上传 PDF 文件。

在另一页上，我希望用户能够使用查看器在浏览器中查看上传的 pdf 文件。

无需用户在单独的程序中下载/打开 PDF 文件，执行此操作的最佳方法是什么？

谢谢!

Answer 1

这个问题有两个真正的组成部分:上传和存储文件，然后实际将它们提供给用户。

存储文件

就实际上传和保存 PDF 文件而言，您可以使用 <input type='file' /> 将它们发布到服务器。元素:

<form action='{your target location}' method='post'>
     <input type='file' name='pdf' />
     <input type='submit' value='Upload PDF File' />
</form>

保存实际文件本身会有所不同，具体取决于您使用的服务器端技术。但基本上在保存它们之后，您将需要某种类型的机制来将它们提供给用户(通过直接访问文件或使用其他一些机制，例如存储其内容的数据库)。

查看文件

大多数现代浏览器都有一些内置实用程序来渲染 PDF，但是，如果您想要一个在大多数浏览器中相当一致且适用于其他浏览器的解决方案，您可以考虑使用 PDF.js处理在浏览器中渲染它们。它为大多数浏览器提供支持(对 Internet Explorer 9 的支持有限)。