JavaScript 通过 jquery.qrcode 生成二维码亲测

最新推荐文章于 2024-01-11 14:07:28 发布

Shawn Jeon

最新推荐文章于 2024-01-11 14:07:28 发布

阅读量371

点赞数 6

分类专栏： JavaScript 加解密文章标签： jquery.qrcode js qrcode js二维码生成二维码生成qrcode

本文链接：https://blog.csdn.net/qcl108/article/details/100766298

版权

JavaScript 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

加解密

8 篇文章 0 订阅

订阅专栏

JavaScript 通过jquery.qrcode生成二维码

- 通过jquery.qrcode生成二维码

通过jquery.qrcode生成二维码


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Qrcode</title>

  <!-- https://code.jquery.com/ -->
  <script type="text/javascript" src="./jquery-1.12.4.min.js"></script>
  <!-- https://github.com/jeromeetienne/jquery-qrcode -->
  <script type="text/javascript" src="./jquery.qrcode.min.js"></script>

 </head>
 <body>

  <div id="qrcode1"></div>
  <div id="qrcode2"></div>
  <div id="qrcode3"></div>

  <script type="text/javascript">
  
	/**
    * 生成二维码
    */
	$('#qrcode1').qrcode("https://blog.csdn.net/qcl108");

	/**
    * 生成二维码
    * width: 宽度
    * height: 高度
    */
	$('#qrcode2').qrcode(
		{
			width: 120,
			height: 120,
			text: "size doesn't matter"
		}
	);

	/**
	* 内容包含中文需要先转换
	*/
	function toUtf8(str) {
		var res = '', len = str.length;
		for(var i = 0; i < len; i++) {
			var c = str.charCodeAt(i);
			if ((c >= 0x0001) && (c <= 0x007F)){
				res += str.charAt(i);
			} else if (c > 0x07FF) {
				res += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
				res += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
				res += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			} else{
				res += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
				res += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			}
		}

		return res;
	}
	
	/**
    * 生成内容包含中文的二维码
    */
	$('#qrcode3').qrcode(
		{
			width: 120,
			height: 120,
			text: toUtf8("生成二维码 https://blog.csdn.net/qcl108")
		}
	);
  </script>
 </body>
</html>

在这里插入图片描述

如果您觉得有帮助，欢迎点赞哦 ~ 谢谢!!

Shawn Jeon

关注

6
点赞
踩
0

收藏

觉得还不错? 一键收藏
5
评论
JavaScript 通过 jquery.qrcode 生成二维码亲测

JavaScript 通过jquery.qrcode生成二维码通过jquery.qrcode生成二维码通过jquery.qrcode生成二维码<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content...
复制链接

扫一扫