Tag: pdf

使用pdf.js时防止同时函数调用？

我使用pdf.js来显示pdf文件，但结果不好，请看看我的代码。 My codes are as follows. var aaa = function (pdf, page_number) { pdf.getPage(page_number).then(function(page) { var scale = 1.5; var viewport = page.getViewport(scale); var canvas = $(‘.pdf-view’)[page_number-1]; var context = canvas.getContext(‘2d’); canvas.height = viewport.height; canvas.width = viewport.width; var renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); }; for (var i = 1;i < […]

iframe与pdf黑色闪烁（闪烁）

我的页面上有一个带有pdf的iframe，并尝试在滚动iframe时禁用主窗口的滚动。 这是它的代码： $(‘iframe’) .mouseover(function () { var html = $(‘html’); html.data(‘previous-overflow’, html.css(‘overflow’)); html.css(‘overflow’, ‘hidden’); html.css(‘margin-right’, ’17px’); }) .mouseout(function () { // un-lock scroll position var html = $(‘html’); html.css(‘overflow’, html.data(‘previous-overflow’)); html.css(‘margin-right’, ‘0px’); }); 但是这样的css改变导致了iframe内容的闪烁（使用Chrome 13）。 我怎么能修复这个眨眼？

如何在iframe中打印pdf？

在cbjsonline.com ，我正在尝试使用javascript自动在iframe中打印pdf。 目前，我的代码是 – （连接到打开iframe的链接的onclick） – document.getElementById(‘fancy_frame’).onload = setTimeout(‘window.print()’,2500); 有什么建议？ 此方法仅适用于safari。

将jquery图表包含在pdf中

我使用tcpdf在php中生成pdf。 http://www.tcpdf.org/examples.php 我使用javascript / jquery框架/插件来显示一些图表。 （fe http://filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/ ） 图表的tcpdf实习方式对我来说没有机会。 有一种方法将canvas转换为png，就像这里描述的那样（ Capture HTML Canvas as gif / jpg / png / pdf？ ），遗憾的是，它只在所有测试的插件/框架中转换所需图表的片段。 tcpdf支持javascript但imo仅用于表单交互，如其中一个示例中所示。 哪种方式，甚至哪个库（不同于tcpdf）允许我在没有服务器访问的情况下将js-charts包含在php中的pdf中？

如何通过ajax调用在新的浏览器窗口中显示来自服务器的pdf（或任何文档）

如何使用ajax调用服务器在新的浏览器窗口中呈现文档。 到目前为止，我已经完成了以下工作。 步骤1：在按钮单击并传递文件名时对服务器进行ajax调用： $(document).ready( function(){ $(‘#clickme’).click(function(){ $.ajax({ type:”GET”, url:”App/getfile”, data:{‘filename’:’D:\\sample.pdf’} }).done(function(msg){ var wind = window.open(“_blank”); wind.document.write(msg); }); }); } ); 第2步：我在服务器端使用spring controller： package my.test; import java.io.File; import java.io.FileInputStream; import java.io.InputStream; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; @Controller public class ServeFiles { @RequestMapping(value=”getfile”,method=RequestMethod.GET,produces=”application/pdf”) public void serve(HttpServletRequest request,HttpServletResponse response) throws Exception{ InputStream is […]

jsPDF – 我需要帮助将pdf嵌入到网页中

我正在使用jsPDF创建一个将在网页上显示的pdf，但我似乎无法正确嵌入它。 如果我输入doc.output(‘dataurl’); pdf会加载doc.output(‘dataurl’); 但它加载到一个新窗口（我知道这是它应该做的）。 我创建了一个使用对象标签来保存pdf的div，它确实加载了一个pdf文件，但它不会加载jsPDF。 我想要做的是制作一个嵌入式pdf，就像它们的主页上那样， https：//parall.ax/products/jspdf 。 我需要添加什么代码才能将其加载到对象标记中？ 它必须是可能的，因为它们具有工作版本。 ps如果有快捷方式，我正在使用JQuery。 谢谢您的帮助。 编辑：好的新问题。 所以我添加了这个：$（’＃ID’）。attr（“src”，doc.output（“dataurlstring”））; 它有效，但它会产生一个新问题。 它并不总是加载。 有时它加载得很好，有时它会加载div但不加载iframe或内容。 没有任何错误，我的所有console.log（）行都会运行。 我怎样才能解决这个问题？

使用ajax显示为随机字符串的PDF生成？

对不起我的新秀，但那就是我。 无论如何，我正在尝试制作一个像这样流动的代码： 用户从数据库进行查询 结果显示在模态窗口中（使用jQuery UI） 可以选择在模态窗口中将其视为PDF Ajax将获取html并将其发送到pdfajax.php以使用TCPDF创建PDF Ajax将返回PDF结果 我尝试了它，但我可能在第3步到第5步中遇到了磕磕绊。所有我肯定知道的是我可以通过Ajax传递我需要的HTML代码，如果我不尝试将其打印为PDF而是只是将它作为PHP回应它，它的工作原理。 所以我似乎只被困在第5步。 对于实验，我只是试图显示一个简单的PDF，说“嘿”，甚至没有传递变量（我现在评论它）。 结果很难看： 我想我在这里错过了一个函数的使用，它会在传递数据之前清理数据吗？ 但是这个function是什么？ 或者它是否存在，这只是毫无意义的努力？ 这是HTML： 和jQuery $(“.dialog-form”).dialog({ autoOpen: false, modal: true, draggable: true, resizable: true, width: 500, height: “auto”, dialogClass: “no-close”, buttons: { “PDF”: function(){ var html = $(‘#query_result’).html(); $.post(‘pdfajax.php’, { html: $(‘#query_result’).html() }, function( data ){ $(‘#query_result’).replaceWith( data ); } ); //alert(html); }, […]

使用JSPdf生成将整个html页面导出为pdf

我已经将这些js文件添加到我的aspx页面。 但我仍然无法获取我的表格数据的pdf文件。 生成的pdf是blank.i需要所有表数据到生成的pdf。请问如果有人知道怎么做？ //这是我的aspx表或div内容： Project : Total Number of Employee : Total Number of Hours : //下面是我的Javascript按钮onclick代码： $(‘#btnSavePdf’).click(function () { var doc = new jsPDF(‘p’, ‘in’, ‘letter’); var source = $(‘#divReport’).html(); var specialElementHandlers = { ‘#bypassme’: function (element, renderer) { return true; } }; doc.fromHTML( source, // HTML string or DOM elem ref. 0.5, // […]

如何打印动态生成的pdf dataUrl？

我正在尝试从网页上打印动态生成的PDF。 var $iframe = $(”); $iframe.appendTo(‘body’); $iframe.load(function() { var iframe = $iframe[0]; var result = iframe.contentWindow.document.execCommand(“print”, false, null); if (!result) iframe.contentWindow.print(); $.remove($iframe); }); $iframe.attr(‘src’, dataUrl); execCommand（）给出错误消息： 未捕获的SecurityError：阻止具有原点“ http：// localhost：2520 ”的帧访问具有原点“null”的帧。 请求访问的帧具有“http”协议，被访问的帧具有“数据”协议。 协议必须匹配。 另外，设置src attr会发出警告： 资源解释为Document但使用MIME类型application / pdf传输： dataUrl看起来像这样： data:application/pdf;base64,JVBERi0xLjQKJdP… 编辑：@Mike C 我可以创建iframe并显示pdf，但是当我打印时，它是空白的。 body * { display:none } iframe#theframe { display:block } var $iframe = $(”); […]

访问PDF.js查看器function/事件

我正在寻找一个小网站，它可以读取一些PDF文件并将它们加载到PDF.js查看器中 。 （我想特别使用查看器）我仍然希望所有的查看器UI和function都存在，只需添加一个侧栏以及可供选择的文件列表。 唉，我无法真正理解PDF.js代码（或者为此提供的很多Viewer.js代码） 目前我正在寻找一种方法来传递PDF.js查看器打开一个新文件。 （无需重新加载页面并使用url参数） 据说这只是继续这个项目的最低限度的function。 我也在寻找可以用于任何可用于交互的Viewer / PDF.js函数的函数引用的东西： 文件的I / O. 翻阅页面/标题 缩放pdf 任何事件触发 我无法直接从Mozzila的Github Wiki找到任何东西。 我最近能够找到的教程根本没有使用Viewer。