瀏覽器調用打印機


自定義打印頁面內容:

<!-- 打印明細窗口 -->
<div id="divID">
    <div style="font-size: 12px;font-weight:normal; width:158px;margin-left:0px;margin-top:5px">
        <div style="padding-left: 5px;" id="proName">

        </div>
        <div style="padding-left: 5px;" id="proNo">

        </div>
        <div style="padding-left: 5px;" id="proGuar">

        </div>
        <div style="padding-left: 5px;" id="proAddr">

        </div>
        <div style="width:100%" id="proImg">

        </div>
    </div>
</div>

打印方法調用:

function printHtml(){
  var printHtml = "";
  printHtml = creatTB(list);
  window.document.body.innerHTML = printHtml; //需要打印的頁面
  setTimeout(function () {
    window.print();
  }, 500);
}
//生成二維碼打印內容
    function creatTB(data) {
        var printHtml = "";
        for (var i = 0; i < data.length; i++) {
            var htmlStr = basePath + '/QrCode/getImageCode?content=' + data[i].imgStr + '';
            $("#proName").text("品名:" + data[i].proName);
            $("#proNo").text("編號:" + data[i].qrcodeid);
            $("#proGuar").text("保質期:" + data[i].guarperd + "個月");
            $("#proAddr").text("產地:" + data[i].prodaddr);
            $("#proImg").html('<img style="display:block;width: 120Px;margin:10px auto " src="' + htmlStr + '" />');
            printHtml = printHtml + $("#divID").prop("outerHTML");
        }
        return printHtml;
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM