Jquery Plugin
Barcode

Generate Barcode Using JQuery Plugin Jquery - Barcode.js

This plugin help you to display barcodes on your website or you can manually or automatically create 8 types of Barcode and outputs as CSS, BMP, SVG or Canvas for your website.

  • 4.5/5.0
  • Last updated 09 September, 2022
  • By Admin

Barcode Supported Format

  • standard 2 of 5 (std25)
  • interleaved 2 of 5 (int25)
  • ean 8 (ean8)
  • ean 13 (ean13)
  • upc (upc)
  • code 11 (code11)
  • code 39 (code39)
  • code 93 (code93)
  • code 128 (code128)
  • codabar (codabar)
  • msi (msi)
  • datamatrix (datamatrix)

Barcode Supported Output Format

  • CSS (compatible with any browser)
  • SVG inline (not compatible with IE)
  • BMP inline (not compatible with IE)
  • CANVAS html 5 (not compatible with IE)
Creating Barcode

Libraries

Include latest jQuery on page after that add jquery-barcode.min.js

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

HTML

Create html container which display barcode.

<div id="barcode"></div>

JS

Call the plugin and generating a barcode.

$(function() {   
	$("#barcode").barcode(
		"12345670", // Value barcode (dependent on the type of barcode)
		"ean8" // type (string)
	);
});

I hope it can help you...