如何从输入字段在浏览器中显示 PDF 文件 [关闭]

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 的支持有限）。