背景

最新一个项目上涉及到生成条形码，并打印出来，个人经常写java，但是用后端去处理这个反而挺麻烦的。使用js是比较方便的，这里就简单地介绍一下。
在网上查了很多关于生成条形码的内容，就属JsBarcode用的最好，github地址：https://github.com/lindell/JsBarcode。对于生成条形码的延申，也可以好好查看。

使用环境

这个JsBarcode 的js插件式依赖于jquery库，你需要先把这个导入，然后再导入JsBarcode库。否则会出问题。

代码详解

<!DOCTYPE html>
<html>
<head><title></title>
</head>
<script type="text/javascript" src="js/jquery2.1.4.min.js"></script>
<script type="text/javascript" src="js/JsBarcode.all.min.js"></script>
<script type="text/javascript">function myprint(){ //直接调用浏览器打印功能bdhtml=window.document.body.innerHTML; //定义打印区域起始字符，根据这个截取网页局部内容     sprnstr="<!--startprint-->"; //打印区域开始的标记eprnstr="<!--endprint-->";   //打印区域结束的标记  prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);      prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));     window.document.body.innerHTML=prnhtml;   //开始打印window.print();//还原网页内容     window.document.body.innerHTML=bdhtml; }function barcodeGen(){var barvalue=$("#barcodeValue").val();if(barvalue==""){alert("请输入条形码字符串！！")}else{$("#bcode").JsBarcode(barvalue);}}
</script>
<body><hr>请输入要转成条形码的数字：<input type="text"  id="barcodeValue"> &nbsp;<a href="#" onClick="barcodeGen();" ><span> 生成条形码</span></a><br><!--startprint--><img id="bcode"/><!--endprint--><hr><a href="#" onClick="myprint();" ><span> 打  印</span></a><br>
</body>
</html>

效果演示

程序源码：在我的订阅号(Name:皮皮总； ID:pipizongITR ；左侧二维码）中回复：“printbarcode”即可。

Jquery生成条形码到网页以及打印条形码相关推荐

支持chrome edge谷歌浏览器在线WEB 网页页面打印条形码
appemit 支持chrome edge谷歌浏览器在线WEB 网页页面打印条形码直接在js来操作dll,控制打印的相关参数. 网站 http://www.appemit.com Lodop ...
web项目中使用标签打印机打印条形码及二维码
在页面上通过"打印"按钮,打印div内容,实现标签的打印(含有条形码和二维码). 操作步骤:1,加载js,jquery-1.3.2.min.js引用jquery. jquer ...
java 实现打印条形码_条码打印软件中如何设置条形码下面的字符间距？
条形码有两部分组成,上面是黑白条图案,用于扫描设备的识别,下面是条形码数据,方便在没有扫描设备的情况下可以手动去搜索相关的信息.一般用条码打印软件制作条形码,下面的条形码数据间距是自动生成的,而在条码 ...
vue打印问题（分页打印、批量打印条形码）
前言项目需求打印功能所遇到的问题.在此记录,望能帮到你一下问题: 当内容超过一页时不会自动分页? 当使用vue3-barcode 打印条形码时,不能批量打印? 基础打印安装官网地址:https ...
excel怎么批量插行_条码打印软件如何批量打印条形码图片（一）
条码打印软件可以批量打印条形码这个大家都知道,但是如果是已经生成好的条形码图片怎么批量打印呢?如果你遇到这种情况,别着急,今天就给大家用两种方法演示一下如何用条码打印软件批量打印条形码图片. 方法一, ...
普通打印机如何打印条形码
条码打印机可以打印条形码,普通打印机一样可以打印条形码,只需要在条码打印软件中生成条形码,设置好标签的大小,就可以直接在条码打印软件中选择普通打印机打印条形码了. 打开条码打印软件,新建标签,选择普通 ...
java使用佳博打印机打印条形码
在实际开发中我们使用条形码打印机打印条形码,这里介绍下使用动态链接库TSClib.dll编辑方式打印条形码,还有js实现方式,这里不进行介绍,会给相关的demo 准备工作: 1.佳博打印机,如佳博GP ...
ReportMachine打印条形码的问题
ReportMachine打印条形码的问题最近用RM报表来打印条形码,调试过程非常顺利,扫描枪识别也很正常,唯独斑马打印机的走纸不准确是个问题,正好客户不想用这种纸型,并定制了新纸型,心想等新纸型到 ...
php 怎么打印条形码,php – 如何在垂直标签中垂直打印zpl条形码
我正在使用zebraGk420d打印机.我正在使用垂直条形码标签.如何垂直打印文本和条形码.我的zpl代码是这样的 $barcode_ZPL_code="^XA ^FO 150,50^AD, ...

Jquery生成条形码到网页以及打印条形码

背景

使用环境

代码详解

效果演示

Jquery生成条形码到网页以及打印条形码相关推荐

最新文章

热门文章