Tag: pdf

使用AJAX和Jquery使用FPDF创建pdf

我正在尝试使用FPDF创建pdf文件。 我现在拥有的是一个HTML页面,其中包含各种数据行和旁边的打印按钮。 当有人点击Print时,我通过调用AJAX来使用Jquery发送相应的数据。 这是我的JQUERY代码: $(‘.printbtn’).live(‘click’, function(){ var printdata = ‘name=’ + name_t + ‘&address=’ + address_t; $.post(‘print.php’, printdata, function(){ }); return false; }); 这是print.php $name = $_POST[‘name’]; $address = $_POST[‘address’]; require (“fpdf17/fpdf.php”); $pdf = new FPDF(‘P’,’mm’,array(90,100)); $pdf->AddPage(); $pdf->SetFont(‘Arial’,’B’,12); $pdf->Cell(0,10,’name: ‘.$name); $pdf->Cell(0,10,’address: ‘.$address); $pdf->Output(); ?> 但我不会得到PDF作为回报。 怎么了?? 事实上,没有发生..我想要检索pdf文件并将其发送到打印

从ajax响应中下载pdf文件

我正在尝试让浏览器下载从ajax响应中收到的pdf文件。 灵感来自使用jquery ajax下载pdf文件我模拟了这样的点击/下载事件: var req = new XMLHttpRequest(); req.open(“POST”, “/servicepath/Method?ids=” + ids, true); req.responseType = “blob”; req.onreadystatechange = function () { if (req.readyState === 4 && req.status === 200) { var blob = req.response; var link = document.createElement(‘a’); link.href = window.URL.createObjectURL(blob); link.download = “PdfName-” + new Date().getTime() + “.pdf”; link.click(); } }; req.send(); 不幸的是,这仅适用于Chrome,但不适用于Firefox + […]

使用flot graph创建PDF报告

我正在尝试为我的客户实现自动报告生成工具。 我需要以pdf格式创建报告,我非常适合使用Jquery flot创建图形。 我只需要一种方法来获取pdf中的图形。 我尝试使用飞碟(xhtmlrenderer)捕获图形的图像,但它似乎没有帮助我,因为图形是由JavaScript创建的。 xhtmlrenderer可以捕获用javascript创建的元素吗? 或者是他们可以捕获图形图像的任何其他工具?

在iFrame中显示的PDF上的绘图坐标

首先,我感谢我的要求非常“雄心勃勃”,但任何帮助都非常感谢,因为我不确定最好的方法。 在用户上传PDF后我的网站(使用PHP / MySQL构建)我想在页面上显示PDF内嵌(我假设在iFrame中)。 然后我需要它们能够在PDF上拖出一些“盒子”(我假设使用jQuery)。 然后,我需要记录此框的坐标,以便稍后我可以重新创建PDF,将新文本注入已定义的“框”。 这听起来可行吗? 如果没有,你会建议什么? (请不要说imagemagick!) 我知道如何重新创建PDF注入新文本,但我的问题是如何允许用户记录这些坐标。

在ajax请求中返回PDF

我有一个ajax请求到我的服务器,我正在创建一个PDF文件。 现在我想在新窗口/选项卡中显示此文件或只是下载它。 我怎样才能做到这一点? 我的请求 $.ajax({ url: ‘/Document/CreatePDF’, type: ‘POST’, data: { docid: documentId, dataId: array }, traditional: true, success: function (data) { } }); [HttpPost] public FileStreamResult CreatePDF(long docid, List dataId) { var document = _rep.LoadDocument(docid.ToString(), Server.MapPath(“~/Documents/”) + docid + “.xml”); var exporter = new PDFExporter(document); MemoryStream fileStream = exporter.CreatePDF(); byte[] PdfByte = fileStream.GetBuffer(); fileStream.Flush(); […]

如何使用jsPDF以PDF格式显示两页图像?

我有一个HTML页面。 我有一个按钮,当我单击此按钮时,它将使用html2canvas将整个html页面转换为数据图像,并使用jsPDF库将其放入PDF。 我正在使用的javascript是 $(“#printButton”).click(function(){ html2canvas([document.getElementById(‘form1’)], { onrendered: function (canvas) { var imageData = canvas.toDataURL(‘image/jpeg’,1.0); var doc = new jsPDF(‘landscape’); doc.addImage(imageData,’JPEG’,5,20,200,150); doc.save(‘Test.pdf’); } }); }); 它仅在第一页显示图像。 但每当html页面大小更多时,我想剪切图像数据并将其放在PDF格式的两页中。 请帮我解决这个问题。

Javascript:从字节数组中在新选项卡中打开PDF

我正在使用带有HTTP资源的AngularJS来调用外部API,我的响应是一个字节数组。 我需要在新窗口中将此字节数组转换为PDF。 我没有看到任何非常好的解决方案在这里工作跨浏览器或纯javascript。 有没有办法做到这一点? 这是我的代码: 使用Javascript Document.preview({id: $scope.order.id}, function(data){ // Open PDF Here var file = new Blob([data], {type: ‘application/pdf’}); var fileURL = URL.createObjectURL(file); window.open(fileURL); });

在jQuery PopUp中显示PDF

我想知道是否有人知道如何使用Fancybox / Lightbox等在jQuery中显示PDF? 我试过没有成功!

在服务器上存储生成的PDF文件

使用jsPDF插件,我正在创建一个.pdf文件,并根据按钮点击生成下载。 我想将文件保存到我的服务器而不是启动下载。 因此,当单击按钮时,我希望将文件保存在: /tmp/uploads/pdf/example.pdf 我知道我需要使用Jquery.Ajax将文件发布到服务器。 但是,查看文档,我没有看到任何支持.pdf作为数据类型。 我的代码: $(document).on(“click”, “#PDF”, function () { var table = document.getElementById(“result”); var tbl = window.sessionStorage.getItem(“tbl”); var cols = [], data = []; function html() { var doc = new jsPDF(‘p’, ‘pt’); var res = doc.autoTableHtmlToJson(table, true); doc.autoTable(res.columns, res.data); doc.save( tbl+”.pdf”); } html(); }); 基于此xml文档保存示例,我尝试了以下操作: var pdfDocument = doc.save( tbl+”.pdf”); var […]

如何使用javascript在浏览器中显示PDF流

我正在使用jquery的ajax方法访问现有的WCF Web服务(它将PDF作为字节流返回)。 当对服务的调用完成时,我最终得到一个包含PDF的javascript变量(该变量包含二进制数据,从“%PDF-1.4 …”开始)。 我想在新的浏览器窗口中显示这个PDF,但是我很难实现这个目标。 到目前为止,我的研究表明,我可能能够使用数据实现我想要的东西:uri,所以我在ajax调用完成时调用的代码如下: function GotPDF(data) { // Here, data contains “%PDF-1.4 …” etc. var datauri = ‘data:application/pdf;base64,’ + Base64.encode(data); var win = window.open(“”, “Your PDF”, “width=1024,height=768,resizable=yes,scrollbars=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,copyhistory=no”); win.document.location.href = datauri; } 这会导致打开一个新的浏览器窗口,但内容为空。 有趣的是,如果我通过使用文件:uri(例如file:// c:/tmp/example.pdf)将我的浏览器(IE9)指向我本地磁盘上的现有文件,那么我得到相同的结果,即空白窗口。 有什么方法可以显示这个PDF数据吗?