Generar código de barras usando jquery-barcode
Este plugin te ayuda a mostrar los códigos de barras en tu sitio web o tus sistemas web, puedes crear de forma manual o automática entre 12 formatos de código.
Formatos de código de barras soportado
- 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)
Formato de salida de código de barras soportado
- CSS (compatible con cualquier navegador)
- SVG en línea (no es compatible con IE)
- BMP en línea (no es compatible con IE)
- CANVAS html 5 (no es compatible con IE)
Creando código de barras
Librerías
1 | <script type=»text/javascript» src=»jquery-1.3.2.min.js»></script> <script type=»text/javascript» src=»jquery-barcode.js»></script> |
HTML: Crea un contenedor html que muestre el código de barras.
1 | <div id=»bcTarget»></div> |
JS: Llama al plugin y genera un código de barras.
1 | <input type=»button» onclick=’$(«#bcTarget»).barcode(«1234567890128», «ean13″,{barWidth:2, barHeight:30});’ value=»ean13»> |
Mira la demostración en vivo y descarga el código fuente.