Javascript 如何在modal中打开jsPDF

Javascript 如何在modal中打开jsPDF,javascript,jspdf,Javascript,Jspdf,我使用以下代码使用jsPDF库生成PDF文件: // JSPDF, docs: http://rawgit.com/MrRio/jsPDF/master/docs/global.html // Default export is a4 paper, portrait, using milimeters for units

我使用以下代码使用jsPDF库生成PDF文件:

// JSPDF, docs: http://rawgit.com/MrRio/jsPDF/master/docs/global.html   

                                            // Default export is a4 paper, portrait, using milimeters for units
                                            var doc = new jsPDF()

                                            // set font size
                                            doc.setFontSize(12);


                                            doc.text("Invoice #" + row["client_id"],10,10);
                                            doc.text("Name: " + row["name"],10,14);
                                            doc.text("Gender: " + row["gender"], 10, 18);
                                            doc.text("Company: " + row["company"], 10, 22);

                                            //doc.save("a4.pdf");   

                                            doc.autoPrint();
                                            doc.output("dataurlnewwindow");
?是否可以在模式窗口中打开

使用此脚本:

$.ajax({
type : "POST",
url : getPrintablePDF,
dataType : "json",
contentType : 'application/json; charset=utf-8',
data : JSON.stringify(params),
success : function(data) {
    var myResponse = eval(data);
    $("<iframe />") // create an iframe
      // add the source
      .attr('src', 'data:application/pdf;base64,' + myResponse.base64EncodedResponse)
      .appendTo('.modal-body'); // append to modal body or wherever you want
}}); 
$.ajax({
类型:“POST”,
url:getPrintablePDF,
数据类型:“json”,
contentType:'application/json;charset=utf-8',
数据:JSON.stringify(params),
成功:功能(数据){
var myResponse=评估(数据);
$(“”)/创建一个iframe
//添加源代码
.attr('src','data:application/pdf;base64',+myResponse.base64EncodedResponse)
.appendTo('.modal body');//附加到modal body或任意位置
}}); 

谢谢大家!

我也有类似的要求。由于模式无法直接解码jdpdf的dataUristring,我在一个iframe中加载了jspdf,然后在模式中打开了iframe

$('.modal').on('shown.bs.modal',function(){
        $(this).find('iframe').html("").attr("src", pdf.output('datauristring'));
    })

如何集成ITI-jspdf代码示例是否在服务器上运行?当然可以在模式中显示基于服务器的pdf。那么您遇到的问题是什么呢?谢谢,问题解决了!注意修复如何?即使是代码中的错误,也请解释以便我们知道。使用//JSPDF解决,文档:使用//JSPDF解决,文档:
        function print_row()
    {
//Logic to print the item
    var YourVar= My var value;


    // JSPDF, docs: http://rawgit.com/MrRio/jsPDF/master/docs/global.html

    // Default export is a4 paper, portrait, using milimeters for units
    var doc = new jsPDF({orientation: 'portrait', unit: 'mm', format: [210, 80]});



    doc.setFont("helvetica");
    doc.setFontType("bold");
    doc.setFontSize(16);
    doc.setFontType("italic");
    doc.text("Your text "+ YourVar, 4, 10);

    doc.autoPrint();
    // doc.save("a4.pdf");
    // this opens a new popup, after this the PDF opens the print window view
    // doc.output("bloburi");
    window.open(doc.output('bloburl'), '_blank',"toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes,top=200,left=350,width=600,height=400");
    };