如何在HTML代码中生成PDF(javascript:jspdf,downloadify ??)

时间:2012-05-04 22:46:37

标签: javascript html jquery-mobile

我环顾四周,走上http://code.google.com/p/jspdf

这正是我在jquery mobile中创建的Web应用程序所需要的,用户将从iPad或诸如此类(移动)填写表单,并能够以PDF格式保存,我能够传递一些变量,该变量是所有表单字段的格式,使其看起来漂亮且可呈现为可以签名的文档PDF。

现在我的手机测试jspdf出现了问题,显然他们提供了一种解决方法,有些人会说使用jsPdf和downloadify。继承人一个链接。

https://github.com/MrRio/jsPDF/wiki/Jspdf-using-downloadify

然而,当我使用该链接时,似乎我只能将其保存为.txt ...我错过了什么?如何将其保存为PDF?只是将filename.txt更改为filename.pdf不起作用,因为它说“不支持文件类型”。如何使用jspdf,似乎它只是使用downloadify并将任何内容发送到TXT,而不是pdf ...任何关于如何使用此方法成功创建PDF的想法(使用downloadify)因为它似乎正在使用downloadify我实际上可以将文件下载到我的移动设备。如果没有downloadify方法,则不会进行下载。

2 个答案:

答案 0 :(得分:7)

您可以将文档嵌入HTML中。使用http://jspdf.com处的js库和以下代码在移动设备上嵌入PDF,其中#preview-pane是html中的iframe。

var doc = new jsPDF();
doc.text(20, 20, 'Example PDF');
var string = doc.output('datauristring');
$('#preview-pane').attr('src', string);

答案 1 :(得分:1)

我最终无法做客户端版本,因为我无法在ipad上保存PDF。我最终用PHP / FPDF做了一个服务器端。