js生成二维码跟条形码

﹏ヽ暗。殇╰゛Y 2023-10-09 11:16 18阅读 0赞

<!DOCTYPE html>
    <html>
    
    <head>
    	<meta charset="utf-8">
    	<title>生成二维码</title>
    	<script src="js/JsBarcode.all.js"></script>
    	<script src="js/qrcode.js"></script>
    	<script>
    		Number.prototype.zeroPadding = function () {
    			var ret = "" + this.valueOf();
    			return ret.length == 1 ? "0" + ret : ret;
    		};
    	</script>
    </head>
    
    <body>
    	
    	<div>
    		<img id="barcode5" style="margin-bottom: 50px;"/>
    		<script>
    			var repeat5 = function () {
    				JsBarcode("#barcode5", "123456789", { displayValue: true, fontSize: 20 });
    			};
    			repeat5();
    		</script>
    	</div>
    	
    	<input id="text" type="text" value="http://jindo.dev.naver.com/collie" style="width:80%" /><br />
    	<div id="qrcode1" style="width:100px; height:100px; margin-top:15px;"></div>
    	<script src="jquery-1.12.4.min.js"></script>
    	<script>
    		var qrcode = new QRCode(document.getElementById("qrcode1"), {
    			width: 100,
    			height: 100
    		});
    
    		function makeCode() {
    			var elText = document.getElementById("text");
    
    			if (!elText.value) {
    				alert("Input a text");
    				elText.focus();
    				return;
    			}
    
    			qrcode.makeCode(elText.value);
    		}
    
    		makeCode();
    
    
    
    		$("#text").on("blur", function () {
    			makeCode();
    		}).on("keydown", function (e) {
    			if (e.keyCode == 13) {
    				makeCode();
    			}
    		});
    	</script>
    </body>
    
    </html>

上面用到的js下载路径

[下载地址][Link 1]

也可以加我QQ发给你 643940471

[Link 1]: https://download.csdn.net/download/qq_40924516/11816267

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python - 生成二维码、条形码

二维码 import qrcode 要生成的文本或链接 data = "要生成的文本或链接" 创建QR码对象

- 日理万妓/ 2024年02月22日 02:03/ 0 赞/ 71 阅读

相关 excel该如何实现生成条形码/二维码？

如何在Excel中制作条形码/二维码？ 1.首先，打开电脑上的Excel。进入后，在上方菜单栏中找到并点击“开发工具”。如果没有找到开发工具，就先点击“文件”，在弹出菜单中

谁践踏了优雅/ 2024年02月05日 16:55/ 0 赞/ 67 阅读

相关 js生成二维码跟条形码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>生

﹏ヽ暗。殇╰゛Y/ 2023年10月09日 11:16/ 0 赞/ 19 阅读

相关 VUE生成二维码或条形码

二维码生成 \`qrcode\` 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

超、凢脫俗/ 2023年10月03日 20:38/ 0 赞/ 74 阅读

相关 Js 生成条形码（一维码）

链接地址： [http://blog.csdn.net/zhaokuo719/article/details/8978228][http_blog.csdn.net_zhaok

蔚落/ 2022年08月08日 15:38/ 0 赞/ 242 阅读

相关 js生成二维码

首先引入qrcode.js文件(请大家耐心翻到最后)： /\from tccdn minify at 2014-6-4 14:59:43,file��/cn/c/c/qrco

秒速五厘米/ 2022年06月15日 06:59/ 0 赞/ 380 阅读

相关 laravel条形码二维码生成

1. composer require milon/barcode 5.3 2. class CodeController extends Controller \

阳光穿透心脏的1/2处/ 2022年04月21日 18:28/ 0 赞/ 556 阅读

相关 js 生成二维码

代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

分手后的思念是犯贱/ 2022年04月08日 09:08/ 0 赞/ 373 阅读

相关 laravel条形码/二维码生成攻略

1.composer require tecnickcom/tcpdf 2.接口文件如下 use Illuminate\\Http\\Request; use TCP

你的名字/ 2022年04月03日 09:22/ 0 赞/ 805 阅读

相关 uni-app 条形码(一维码)/二维码生成实现

组件推荐我们在用 uni-app 开发前端时，有时会用到条形码或者二维码，甚至一个页面同时用到条形码和二维码。笔者推荐使用以下两个组件： uni-app 条形码生成器...

朱雀/ 2021年03月29日 10:56/ 0 赞/ 1792 阅读