jsbarcode 生成条形码，并将生成的条码保存至本地，附源码
zhujiangtaotaise 2020-04-27
导读
以前生成条码都是外网网站上生成，因生产环境在内网中，上不了外网，只能在项目中生成相应规则，故将此方法整理下来。
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="https://cdn.bootcss.com/jsbarcode/3.8.0/JsBarcode.all.min.js"></script>
</head>
<body>
<h1>hhhhhhhhhhhhhhhhhhhhhhh</h1>
<div class="box">
<img id="barcode" />
</div>
<input type="text" id="content" placeholder="请输入条码内容"/>
<input type="button" id="autoIma" value="生成" onclick="CreateIma()"/>
<input type="button" id="btnsavaImg" value="保存图片到本地" onclick="Download()" />
<script>
//生成条码
function CreateIma() {
var content = document.getElementById(‘content‘).value;
if (content == undefined || content == "") {
alert("请输入条码内容!");
return;
};
var barcode = document.getElementById(‘barcode‘),
//str = "chenyanbin",
options = {
format: "CODE128",
displayValue: true,
fontSize: 18,
height: 100
};
JsBarcode(barcode, content, options); //原生JS方式
// $(‘#barcode‘).JsBarcode(string, options); //jQuery方式
}
//将生成的条形码保存至本地
function Download() {
// 通过选择器获取img元素
var img = document.getElementById(‘barcode‘)
// 将图片的src属性作为URL地址
var url = img.src
var a = document.createElement(‘a‘)
var event = new MouseEvent(‘click‘)
a.download = name || ‘下载图片名称‘
a.href = url
a.dispatchEvent(event) //根据A标签的属性来搞事情
};
</script>
</body>
</html>不支持中文！！！！
效果
项目下载(附js插件)
链接：https://pan.baidu.com/s/1nKtP5GbaEvQRs9ttTtWdAw 提取码：7co8
相关推荐
81314797 0喜欢 / 0评论 2020-11-18
89314493 0喜欢 / 0评论 2020-11-03
ARCXIANG 0喜欢 / 0评论 2020-10-28
81941231 0喜欢 / 0评论 2020-09-17
thisisid 0喜欢 / 0评论 2020-09-09
如狼 0喜欢 / 0评论 2020-08-15
82384399 0喜欢 / 0评论 2020-06-16
Lucianoesu 0喜欢 / 0评论 2020-06-05
zhouRabbIT 0喜欢 / 0评论 2020-05-29
spb 0喜欢 / 0评论 2020-01-24
83487414 0喜欢 / 0评论 2019-12-27
hell0kitty 0喜欢 / 0评论 2019-12-24
hell0kitty 0喜欢 / 0评论 2019-12-09
shawroad 0喜欢 / 0评论 2019-12-06
huiguixian 0喜欢 / 0评论 2019-12-02
linuxisperfect 0喜欢 / 0评论 2007-09-03
生如蚁美如神 0喜欢 / 0评论 2019-11-05
aukj0 0喜欢 / 0评论 2019-11-04
心中要有一片海 0喜欢 / 0评论 2019-08-14
源码分享 0喜欢 / 0评论 2018-08-30
沙丁鱼 0喜欢 / 0评论 2019-10-21
来斌 0喜欢 / 0评论 2019-10-08
如狼 0喜欢 / 0评论 2019-09-27
wolfoxkao 0喜欢 / 0评论 2015-03-26
GoodQt 0喜欢 / 0评论 2019-09-09
如狼 0喜欢 / 0评论 2019-09-02
xiekaikaibing 0喜欢 / 0评论 2019-03-16
86384798 0喜欢 / 0评论 2019-09-02
bobpipi 0喜欢 / 0评论 2019-08-27
GUYSGO 0喜欢 / 0评论 2019-08-14
GMCWXH 0喜欢 / 0评论 2016-01-06
heyeqingquan 0喜欢 / 0评论 2014-06-04
shenlanse 0喜欢 / 0评论 2019-07-24
sunh 0喜欢 / 0评论 2011-09-27
零度源码 0喜欢 / 0评论 2009-03-02
woyanyouxin 0喜欢 / 0评论 2010-11-21
wdeo0 0喜欢 / 0评论 2010-11-21
bxqybxqy 0喜欢 / 0评论 2010-11-21
yangxiaobo 0喜欢 / 0评论 2010-03-11
源码物语 0喜欢 / 0评论 2019-07-01
Cricket 0喜欢 / 0评论 2019-07-01
mingrixing 0喜欢 / 0评论 2019-07-01
大步流星 0喜欢 / 0评论 2015-09-17
野风技术札记 0喜欢 / 0评论 2019-06-30
mojianc 0喜欢 / 0评论 2019-06-29
康 0喜欢 / 0评论 2014-04-29