关于js打印
js没法自己去连接打印机的，所以这里推荐个插件Lodop;控件非常简单方法调用也蛮方便的！
使用：
调用API
使用
以上就是我这次涉及关于js打印的理解，经过测试，可以打印，ok的！！！
js连接打印机打印
1
2
3
4
5
6
7
跟其他插件一样，都得引入官方js
<script language="javascript" src="js/LodopFuncs.js"></script>
然后呢需要实例化。
<script>
var lodop;
lodop=getLodop();
</script>
1
2
3
4
5
6
7
8
9
lodop.PREVIEW() //打印预览
lodop.PRINT() //直接打印
lodop.SET_PRINT_PAGESIZE() //设置纸张大小
lodop.ADD_PRINT_BARCODE() //设置打印的位置、模板、内容。下面会说到介绍位置
lodop.SET_PRINTER_INDEX(i) //指定打印机
lodop.GET_PRINTER_COUNT() //获取打印机个数
lodop.GET_PRINTER_NAME() //获取打印机名字
lodop.SET_PRINT_COPIES() //设置打印张数
以上就是我本次用到的API。主要记录下我用过的！
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
HTML:
<div id="box">
选择打印机:<select id="product"></select><br>
宽：<input type="text" name="" value="1000" id="W1" ><br>
高:<input type="text" name="" value="500" id="H1"><br>
打印张数:<input type="text" name="" id="pages" value="1"><br>
打印:<button onclick="PrintMoreCopies(document.getElementById('pages').value)">打印</button>
</div>
JS:
//打印
function PrintMoreCopies(res){
CreatePrintPage();
var page=document.getElementById('product').value;
LODOP.SET_PRINTER_INDEX(page);//指定打印机
if (LODOP.SET_PRINT_COPIES(res)) LODOP.PRINT();
else alert("设置打印份数失败！");
}
//设置打印属性
function CreatePrintPage() {
// 距离上 距离左 自身宽 自身高 模板 打印的内容 (我这里的模板是条形码的模板)
LODOP.ADD_PRINT_BARCODE(38,160,155,50,"128A","123456789012");
LODOP.SET_PRINT_PAGESIZE(0,document.getElementById('W1').value,document.getElementById('H1').value);
}
//获取打印机个数
function getPrinterCount() {
return LODOP.GET_PRINTER_COUNT();
};
//获取打印机名字渲染select
onload=function(){
for (var i = 0; i < getPrinterCount(); i++) {
var option=document.createElement('option');
option.innerHTML=getPrinterName(i);
option.value=i;
document.getElementById('product').appendChild(option);
}
//获取打印机名字
function getPrinterName(iPrinterNO) {
return LODOP.GET_PRINTER_NAME(iPrinterNO);
};
}