Jquery 產生BarCode套件~~

2018-01-07

4101
0
JS

有些需求會要求要產生(BarCode特別是物流相關的系統)

今天和大家介紹網路上使用Jquery產生BarCode超好用的套件

使用此套件超級簡單只需幾個步驟

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery-barcode.js"></script>

第一步先載入相關Js

<script type="text/javascript">
      function generateBarcode(){
		//取得Input值
        var value = $("#barcodeValue").val();
        var btype = "code128";//code128
		
        $("#barcodeTarget").html("").show().barcode(value, btype);
		//barcode方法 第一個參數:BarCode值,第二個參數:BarCode類別 
      }
       
      $(function(){
        generateBarcode();
      });
  
</script>
<body>
<h1 style="margin-top:150px;">Barcode產生器</h1>
<div id="generator"> 請出入BarCode:
<input type="text" id="barcodeValue" value="EADB-1213130-DASDA">

<div id="submit">
<input type="button" onclick="generateBarcode();" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;產生BarCode&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
</div>
</div>
<div id="barcodeTarget" class="barcodeTarget"></div>

</body>

第二步:呼叫barcode方法