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。