1.下载lodop插件,安装到本地
2.绘制一个DIV打印区域
3.设置一个触发事件,调起lodop,将DIV打印输出
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534C0000" width=0 height=0>
<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
</object>
JS事件
选择打印机事件
function settingPrintMachine(){
var LODOP = getLodop();
var count = LODOP.GET_PRINTER_COUNT();
var html = "<option value=''>请选择</option>";
for (var i = 0; i < count; i++) {
var strPName = LODOP.GET_PRINTER_NAME(i);
html = html + "<option value='" + strPName + "'>" + strPName + "</option>";
}
$(html).appendTo("#value");
}
打印机调起
-
var LODOP; function lodopPrint() { var defaultPrint = $("#defaultPrint").val(); if (defaultPrint == "") { //打印机设置 settingPrintMachine(); return false; } try { LODOP.PRINT_INIT("init"); LODOP.SET_PRINTER_INDEX(defaultPrint); var trackingNo = "VA50919432804"; LODOP.ADD_PRINT_HTM(0, 0, "10cm", "15cm", document.getElementById("textareaView").innerHTML); LODOP.ADD_PRINT_BARCODE("3mm","8mm","78mm","15mm","128A",trackingNo+"-1-1-"); LODOP.ADD_PRINT_BARCODE("75mm","5mm","51mm","11mm","128A",trackingNo); LODOP.SET_PRINT_COPIES(1); LODOP.SET_LICENSES("","DBD3FA1FB88933B95F55AC7A17CD0000","C94CEE276DB2187AE6B65D56B3FC20000",""); return LODOP.PRINT(); } catch (err) { $.jBox.tip("抱歉!请先设置打印机或下载Lodop控件!"); return false; } }
HTML
<div id="textareaView">
<div id="printDiv" style="width:100mm;border:1px solid #F00;overflow: hidden;font-family:'黑体';">
<div class="content">绘制具体的打印样式及内容</div>
</div>
</div>
lodop各种设置,打印生成请参考官网http://www.lodop.net/
技术文档及32位插件安装,请点击链接进行下载https://download.csdn.net/download/lanqibaoer/10652738