欢迎光临
我的个人博客网站

web页生成条码

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="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" style="width:250px"/>         <input id="btnGen" type="button" value="生成条码" onclick="genbarcode()"/>     </span>     <span style="font-size:small">         <label><input id="cbDisplayValue" type="checkbox" checked="checked" />显示条码文本</label>         <label>文本字体大小<input id="tbFontsize" type="text" style="width:50px" value="20"/></label>     </span>     <div id="divBarcode" hidden="hidden">         <img id="barcode" alt="条码图片"/>     </div> </body> </html>

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

web页生成条码

赞(0) 打赏
未经允许不得转载:张拓的天空 » web页生成条码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏