สร้างบาร์โค้ด ฟรี ตัวอย่างโค้ด สำหรับสร้างบาร์โค้ด

#รองรับการใช้งานร่วมกับ Tag img svg และ canvas
<img id="code128">
<img id="ean-13">
<img id="ean-8">
<img id="ean-5">
<img id="ean-2">
<img id="upc-a">
<img id="code39">
<img id="itf-14">
<svg id="msi"></svg>
<canvas id="pharmacode"></canvas>

#Barcode บางตัวเท่านั้นที่รองรับตัวอักษร สามารถดูได้จาก ตัวอย่างด้านล่าง
<script type="text/javascript">
    JsBarcode("#code128", "New SKU 001!",{height: 80});
    JsBarcode("#ean-13", "1234567890128", {format: "ean13",height: 80});
    JsBarcode("#ean-8", "12345670", {format: "ean8",height: 80});
    JsBarcode("#ean-5", "12345", {format: "ean5",height: 80});
    JsBarcode("#ean-2", "12", {format: "ean2",height: 20});
    JsBarcode("#upc-a", "123456789012", {format: "upc",height: 80});
    JsBarcode("#code39", "Hello 1234", {format: "code39",height: 80});
    JsBarcode("#itf-14", "1234567890123", {format: "itf14",height: 80});
    JsBarcode("#msi", "123456", {format: "msi",height: 80});
    JsBarcode("#pharmacode", "12345", {format: "pharmacode",height: 80});
</script>

#รองรับการใช้งานร่วมกับ Tag img svg และ canvas
<img id="code128">
<img id="ean-13">
<img id="ean-8">
<img id="ean-5">
<img id="ean-2">
<img id="upc-a">
<img id="code39">
<img id="itf-14">
<svg id="msi"></svg>
<canvas id="pharmacode"></canvas>

#Barcode บางตัวเท่านั้นที่รองรับตัวอักษร สามารถดูได้จาก ตัวอย่างด้านล่าง
<script type="text/javascript">
    JsBarcode("#code128", "New SKU 001!",{height: 80});
    JsBarcode("#ean-13", "1234567890128", {format: "ean13",height: 80});
    JsBarcode("#ean-8", "12345670", {format: "ean8",height: 80});
    JsBarcode("#ean-5", "12345", {format: "ean5",height: 80});
    JsBarcode("#ean-2", "12", {format: "ean2",height: 20});
    JsBarcode("#upc-a", "123456789012", {format: "upc",height: 80});
    JsBarcode("#code39", "Hello 1234", {format: "code39",height: 80});
    JsBarcode("#itf-14", "1234567890123", {format: "itf14",height: 80});
    JsBarcode("#msi", "123456", {format: "msi",height: 80});
    JsBarcode("#pharmacode", "12345", {format: "pharmacode",height: 80});
</script>

#เมื่อเรียกใช้งาน JsBarcode ร่วมกับ Tag img คุณจะได้ค่า src แบบตัวอย่างนี้
<img id="code128" src="data:image/png;base64,iVBOR...6fZ2BMJ+yuQAAAABJRU5ErkJggg==">

#ดังนั้นคุณสามารถนำค่าดังกล่าวไปเก็บไว้ใน Database ได้โดยการโค้ดแบบตัวอย่างนี้
<img id="code128">
<input type="hidden" id="code128_value" name="code128_value" />

JsBarcode("#code128", "New SKU 001!",{height: 80});
let code128 = document.getElementById("code128").src;
document.getElementById("code128_value").value = code128;

#จากนั้นคุณสามารถส่งค่า input code128_value ไปเก็บไว้ Database ได้แล้ว