使用JsBarcode生成条形码
引入jquery和JsBarcode.all.js(注意:引入JsBarcode.js无效)
github地址:https://github.com/lindell/JsBarcode
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0,viewport-fit=cover" />
<title>生成条形码</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/JsBarcode.all.js"></script>
</head>
<body>
<script>
window.onload = function bcode(){
var str="",
options = {
format:"CODE128",
displayValue:true,
fontSize:18,
height:100
};
str = ${parameter} ; //parameter是调用功能时带的参数,不带参调用可在初始化时赋值。
JsBarcode("#barcode",str,options); //生成barcode
}
//生成canvascode和imgcode
$("#canvascode").JsBarcode('Hello world!');//or JsBarcode("#canvascode", "Hello world!");
$("#imgcode").JsBarcode("aaa");//or JsBarcode("#imgcode", "aaa");
</script>
<div style="text-align:center" ><img id="barcode" /></div>
</body>
</html>
响应方式:1.window.onload
2.onclick
3.直接响应
使用JsBarcode生成条形码相关推荐
- html如何生成条形码,前端如何生成条形码---JsBarcode
React 生成条形码代码 注:需引入 jsbarcode 插件 import React from 'react'; import JsBarcode from 'jsbarcode'; class ...
- JS生成条形码/二维码 barcode.js、JsBarcode
JS生成条形码/二维码 barcode.JsBarcode JsBarcode Barcode.js 以下代码均非纯原创.新手小白.网上一搜一大把的概念也不写了,直接上可运行的代码及遇到的小坑. Js ...
- vue 项目中生成条形码(jsbarcode)
条形码插件介绍和使用 安装: cnpm install jsbarcode --save 引入:在要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode' 3.二 ...
- vue中生成条形码(jsbarcode)、二维码(qrcodejs2)
1.条形码插件jsbarcode 安装:npm install jsbarcode --save 引入:在需要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode ...
- 使用js生成条形码以及二维码
一.用js生成条形码这种业务场景不是很常见的,最近刚好又接到这种需求 Google一下,发现github还真有这方面的轮子,感谢github,省去了我们很多造轮子的过程, 好了言归正传,首先引入jsb ...
- vue生成条形码和二维码并打印
文章目录 前言 一.生成条形码 二.生成二维码 三.效果图 四.打印 前言 最近有一个需求,需要将产品信息生成标签,每个信息生成一个条形码,拿到所有数据生成二维码,最后打印标签. 一.生成条形码 使用 ...
- angular如何生成条形码下载条形码
多条下载打包zip参考(26条消息) 如何生成下载条形码,下载多条打包(angular)_会写编程的恐龙的博客-CSDN博客 1.下载jsBarcode.js文件 https://github.com ...
- js 生成条形码例子
下载生成条形码的js,我下载的是JsBarcode.all.min.js,地址为GitHub - lindell/JsBarcode: Barcode generation library writt ...
- 前端js html转换成pdf可下载打印;前端js可批量生成条形码;前端js可批量生成二维码,生成letter标签
注意:本文调试的是letter纸尺寸 前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...
最新文章
- pythonbyte连接_Python3之字节串bytes与字节数组bytearray的使用详解
- css 填坑常用代码分享
- css 动态rem_【面试题】CSS知识点整理(附答案)
- python官网 中文版 新闻-用python看新闻
- 学python需要什么文化基础-中国文化走的是()的路线。
- java 中组合与复用_Java 代码复用(组合与继承)
- 《编写高质量代码:改善c程序代码的125个建议》——建议14-2:在右移中合理地选择0或符号位来填充空出的位...
- 前端学习(1931)vue之电商管理系统电商系统之美化一层循环的UI结构删除业务逻辑实现分配权限的对话框实现
- 微服务架构设计模式~交互方式
- linux安装交叉编译环境
- LVS——DR模式下的健康检查
- [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)
- 第六章:fusionChart的例子
- 存储过程可重用的代码块_如何使您的代码可重用
- 批量梯度下降,随机梯度下降和小批量梯度下降的区别
- js后退一直停留在当前页面或者禁止后退
- 华为终端云服务赋能“智能座舱”,打造出行场景的“超级终端”
- 曲线积分与曲面积分的计算机应用,曲线积分与曲面积分(解题方法归纳).doc
- 门禁系统使用计算机的技术,门禁系统的指纹识别功能所运用的计算机技术是( )...
- 你的个税APP还好么?从个税APP看并发