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

标签 javascript html forms pdf attachment

我想使用“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处理在浏览器中渲染它们。它为大多数浏览器提供支持(对 Internet Explorer 9 的支持有限)。

关于javascript - 如何从输入字段在浏览器中显示 PDF 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36582620/

相关文章:

javascript - 如何为未加载、加载时间过长和阻塞的 css 文件编写回退?

php - 表单生成器中的关联数组字段 - Symfony3

ruby-on-rails - 带复选框的 Rails 表单

html - 在 tumblr 主题上定位 flash 对象

javascript - 在angularjs中,如何嵌入完整的HTML文档?

ruby-on-rails - Formtastic 选择列表

javascript - 如何在动态html表中将管道分隔的字符串显示到不同的td中

javascript - DOM 更改事件 Firefox 扩展

javascript - 是否可以将本地 Javascript 库加载到 iPhone 上的在线页面?

javascript - 网站淡入淡出效果在 Internet Explorer 中不起作用