web页生成条码

  • 2020-11-12
  • 1132
html页面生成条码方法,可以选择字体大小
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" con襄阳网站建设等相关服务请咨询律品科技客服tent="text/html; charset=utf-8"/>
    <title></title>
    <script src="./js/JsBarcode.all.js"></script>
    <script src="./js北京网站建设等相关服务请咨询律品科技客服/jquery-1.4.4.min.js"></script>
    <script>
        function genbarcode()
        {
            $("#divBarcode").show();
            var bctext = $("#tbBCText").val().toUpperCase();
            var showvalue = $('#cbDisplayValue').is(':checked');

            var fontsize = $("#tbFontsize").val();

            JsBarcode("#barcode", bctext,
                {
                    format: "CODE128",
                    displayValue: showvalue,  //true or false
                    fontSize: fontsize
                    //lineColor: "#0cc"  //设置条码颜色
                }
                );
        }
    </script>
</head>
<body>
    <span>
        <input id="tbBCText" type="text"/>
        <input id="btnGen" type="button" value="生成条码" onclick="genbarcode()"/>
    </span>
    <span>
        <label><input id="cbDisplayValue" type="checkbox" checked="checked" />显示条码文本</label>
        <label>文本字体大小<input id="tbFontsize" type="text" value="20"/></label>
    </span>
    <div id="divBarcode" hidden="hidden">
        <img id="barcode" alt="条码图片"/>
    </div>
</body>
</html>

将上述代码保存为barcode.html文件,页面效果如下图:

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询