自定義打印頁面內容:
<!-- 打印明細窗口 --> <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; }