草庐IT

write_pdf

全部标签

纯前端实现文件预览(pdf、docx 、xlsx)详细过程

前言我详细这个当这个需求来的时候,有很大一部分人跟我的想法是一样的纯前端如何去实现多文件预览。确实这个功能很让人头疼,虽然市面上也有很多成型的插件,但是极少数能满足不同文件的预览,要么就是用第三方的链接去预览。这种虽然是最简单的方式。但是好多公司不会同意,涉及到以后后期是否有变动的问题。以及文件泄露的问题。那么下面我就给大家介绍一下我这边是如何处理这功能的。实现效果图html部分我这边是将docx和excel用弹框的形式去展示el-dialog:title="titles":visible.sync="dialogVisible"width="60%"class="filebox"@close

html - 如何使用 wkhtmltopdf 将简单的 html 转换为 pdf?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改善这个问题吗?通过editingthispost添加详细信息并澄清问题.8年前关闭。Improvethisquestion这是我所做的:在亚马逊云中创建了一个linux虚拟机。按照https://code.google.com/p/wkhtmltopdf/wiki/compilation中的说明进行操作下载并编译wkhtmltopdf-qt和wkhtmltopdf的源代码。最后我有一个wkhtmltopdf的静态构建。拿了这个html(http://jsfiddle.net/mark69_fnd/8CtjB/):

html - 如何使用 wkhtmltopdf 将简单的 html 转换为 pdf?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改善这个问题吗?通过editingthispost添加详细信息并澄清问题.8年前关闭。Improvethisquestion这是我所做的:在亚马逊云中创建了一个linux虚拟机。按照https://code.google.com/p/wkhtmltopdf/wiki/compilation中的说明进行操作下载并编译wkhtmltopdf-qt和wkhtmltopdf的源代码。最后我有一个wkhtmltopdf的静态构建。拿了这个html(http://jsfiddle.net/mark69_fnd/8CtjB/):

javascript - 当用户单击嵌入式 PDF 中的链接时收到通知

我的页面中嵌入了一个PDF,我想设置类似Javascript回调之类的东西,以便在用户单击PDF中的链接时调用。有没有办法做到这一点? 最佳答案 如果您查看AcrobatJSReference对于您想要支持的最低版本,您将看到有关HostContainer对象的文档。在PDF中:this.hostContainer.messageHandler={onMessage:function(messageArray){for(vari=0;i在您的HTML中,假设您的PDF位于中标签:functionmessageFunc(message

javascript - 当用户单击嵌入式 PDF 中的链接时收到通知

我的页面中嵌入了一个PDF,我想设置类似Javascript回调之类的东西,以便在用户单击PDF中的链接时调用。有没有办法做到这一点? 最佳答案 如果您查看AcrobatJSReference对于您想要支持的最低版本,您将看到有关HostContainer对象的文档。在PDF中:this.hostContainer.messageHandler={onMessage:function(messageArray){for(vari=0;i在您的HTML中,假设您的PDF位于中标签:functionmessageFunc(message

php - 如何在没有 Flash/Adobe 的情况下在 PHP 网站上显示 PDF

我对浏览器显示PDF的内部行为不满意。我想在我的网站上为我的用户提供简单而时尚的PDF查看体验。类似Scribd的东西,但在我的服务器上可管理且不受完全安全和控制。我可以提供指向GoogleDocsViewer或ZohoViewer的内联链接。或者在PDF上传后立即使用SWFTools进行转换,并使用nativePHP或HTML5显示swf。无论如何,不​​知何故,经过数小时的阅读和思考,我对上述任何一种方法都不满意。有什么建议吗? 最佳答案 看看Google文档查看器。以下代码将帮助您(未经测试):2016年9月13日更新:谷歌删

php - 如何在没有 Flash/Adobe 的情况下在 PHP 网站上显示 PDF

我对浏览器显示PDF的内部行为不满意。我想在我的网站上为我的用户提供简单而时尚的PDF查看体验。类似Scribd的东西,但在我的服务器上可管理且不受完全安全和控制。我可以提供指向GoogleDocsViewer或ZohoViewer的内联链接。或者在PDF上传后立即使用SWFTools进行转换,并使用nativePHP或HTML5显示swf。无论如何,不​​知何故,经过数小时的阅读和思考,我对上述任何一种方法都不满意。有什么建议吗? 最佳答案 看看Google文档查看器。以下代码将帮助您(未经测试):2016年9月13日更新:谷歌删

javascript - 如何刷新/重新加载应用程序/pdf 的嵌入?

我有一个使用application/pdf在页面上显示pdf文档的嵌入代码。我使用javascript更改了嵌入的src属性,点击了一个链接。然后使用警报确认src确实发生了变化。但页面上仍然显示相同的pdf。如何刷新/重新加载嵌入标记(不是整个页面)?我认为这会解决问题。 最佳答案 如何嵌入PDF?如果您使用的是iframe,则可以使用reload方法。getElementById('myIframe').contentDocument.location.reload()您还可以将随机字符串(如当前时间戳)作为GET参数附加到PD

javascript - 如何刷新/重新加载应用程序/pdf 的嵌入?

我有一个使用application/pdf在页面上显示pdf文档的嵌入代码。我使用javascript更改了嵌入的src属性,点击了一个链接。然后使用警报确认src确实发生了变化。但页面上仍然显示相同的pdf。如何刷新/重新加载嵌入标记(不是整个页面)?我认为这会解决问题。 最佳答案 如何嵌入PDF?如果您使用的是iframe,则可以使用reload方法。getElementById('myIframe').contentDocument.location.reload()您还可以将随机字符串(如当前时间戳)作为GET参数附加到PD

html - 制作一个包含 PDF 整个高度的可滚动 div

我正在将PDF嵌入到我的网页中。我正在做一些傻事来隐藏状态栏(包括下载按钮和页码),以便我可以从外部控制它们(我希望能够在他们尝试下载文档时强制进行不同的下载)。如果它有任何不同(例如只能在给定框架的情况下工作/不能工作的解决方案),我正在使用React。我可以使用URL设置PDF的事件页面,但在加载该页面后我无法获取文档的滚动位置来更新页码。我认为一个解决方案是将嵌入的PDF包含在我可以亲自控制的div中。为此,我希望嵌入对象的高度是PDF所有页面垂直高度的总和,然后将其封装在具有设置高度的div中。我可以从那里监视文档的滚动位置以确定当前页面。我无法让嵌入的PDF成为文档的全高。我