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

How could I display a PDF file in the browser from an input field

本文关键字：显示 PDF 文件 浏览器 输入 字段      更新时间：2024-05-15

我希望在使用方法"post"的表单中有一个输入字段。表单中会有一个附件字段，用户可以在其中上传PDF文件。

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

在不让用户在单独的程序中下载/打开PDF文件的情况下，最好的方法是什么？

谢谢！

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

存储文件

至于实际上传和保存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来处理浏览器中的渲染。它提供了对大多数浏览器的支持（对InternetExplorer9的支持有限）。

相关文章：