生成PDF并强制下载Wordpress jQuery

时间:2018-08-27 20:28:38

标签: javascript jquery wordpress pdf download

我正在尝试生成PDF并单击以强制将其下载到浏览器中。到目前为止,使用下面的代码,我可以获取所需的文本,创建HTML文档,然后单击按钮,弹出文档下载/打印/保存提示。

但是,该项目要求不出现弹出的文件下载/打印/保存提示,而是单击按钮即可自动下载。

我目前正在使用wordpress和javascript / jquery。 我尝试了其他插件,甚至jsPDF,但这不能满足我的需求。

谢谢您的帮助!

$(".single_add_to_cart_button.button.alt").on("click", function (e) {
        e.preventDefault();
        var productID = $(".ID").siblings().children("p").text();
        var productName = $(".product_title").text();
        var category = $(".product_meta .posted_in a").text();
        var description = $(".woocommerce-product-details__short-description").text();
        var applications = $(".Applications").siblings().children("p").text();
        var features = $(".Features").siblings().children("p").text();
        var specs = $(".Specifications").siblings().children("p").text();

        var divContents = $("#dvContainer").html();
        var printWindow = window.open('', '', 'height=400,width=800');

        printWindow.document.write('<html><head><title>' + productName + '</title>');
        printWindow.document.write("<link rel='stylesheet' type='text/css' href='https://yvonecodesit.ca/teraspan/wp-content/uploads/custom-css-js/1451.css'>");
        printWindow.document.write('</head><body >');
        printWindow.document.write("<div class='company-logo'><img src='https://yvonecodesit.ca/teraspan/wp-content/uploads/2018/07/logo.png'></div>");
        printWindow.document.write("Product ID: " + productID);
        printWindow.document.write("<p class='product-attribute'>"+'Name: ' + '<p class="product-attribute-details">' + productName + "</p></p>");
        printWindow.document.write("<p class='product-attribute'>"+'Category: ' + '<p class="product-attribute-details">' + category + "</p></p>");
        printWindow.document.write("<p class='product-attribute'>"+'Description: ' + '<p class="product-attribute-details">' + description + "</p></p>");
        printWindow.document.write("<p class='product-attribute'>"+'Applications: ' + '<p class="product-attribute-details">' + applications + "</p></p>");
        printWindow.document.write("<p class='product-attribute'>"+'Features: ' + '<p class="product-attribute-details">' + features + "</p></p>");
        printWindow.document.write("<p class='product-attribute'>"+'Specifications: ' + '<p class="product-attribute-details">' + specs + "</p></p>");
        printWindow.document.write('</body></html>');
         printWindow.document.close();
       printWindow.print();
    });

摘要:

目标:生成pdf文件,然后在浏览器中强制下载而没有弹出提示

当前结果:生成pdf并提示用户下载/打印/保存

0 个答案:

没有答案