首页 > 其他分享 >JS 生成二维码

JS 生成二维码

时间:2024-07-28 22:39:28浏览次数:5  
标签:String JS 生成 二维码 out fromCharCode

JS 生成二维码:
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="referrer" content="always" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="renderer" content="webkit" />
  <meta name="keywords" content="JS 生成二维码" />
  <meta name="description" content="JS 生成二维码" />
  <title>JS 生成二维码  -by wgscd</title> 
</head>

<body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
 
<div id="output"></div>
<script>
	// 转中文内容UTF-8
	function toUtf8(str) {
		var out, i, len, c;
		out = "";
		len = str.length;
		for (i = 0; i < len; i++) {
			c = str.charCodeAt(i);
			if ((c >= 0x0001) && (c <= 0x007F)) {
				out += str.charAt(i);
			} else if (c > 0x07FF) {
				out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
				out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			} else {
				out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			}
		}
		return out;
	}
	// 设置二维码参数
	function make() {
		$('#output').qrcode({
			render: "table", // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
			width: 200, // 宽度
			height: 200, // 高度
			background: "#FFFFFF", // 背景颜色
			foreground: "#000000", // 前景颜色
			correctLevel: 0, // 纠错等级 
			src: 'images/logo4.png',
			text: 'http://www.baidu.com/888'
			//text: toUtf8("二维码生成前端插件:jquery.qrcode.min.js") // 任意内容
		});
	}
	make();
</script>

  <center>
    <p>JS 生成二维码</p>
  </center>
</body>
</html>

  

标签:String,JS,生成,二维码,out,fromCharCode
From: https://www.cnblogs.com/wgscd/p/18329038

相关文章

  • IdentifierGenerator(标识符生成器)
    IdentifierGenerator(标识符生成器)是一个在多种编程和数据库管理场景中广泛使用的概念,它的主要目的是自动生成唯一标识符(ID)以用于数据库记录、对象实例、文件或其他需要唯一标识的实体。这些唯一标识符在数据处理、数据同步、数据检索以及确保数据完整性方面起着至关重要的......
  • [JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
    【版权声明】未经博主同意,谢绝转载!(请尊重原创,博主保留追究权)https://www.cnblogs.com/cnb-yuchen/p/18328759出自【进步*于辰的博客】参考笔记一,P10.4、P13.2;笔记三,P48.1。目录先言1、通用函数2、Global对象函数3、数组相关函数3.1arr.find(item=>{})3.2Array.from(ob......
  • Java基础12:JavaDoc生成文档
    1.简介JavaDoc是一种将注释生成HTML文档的技术,生成的HTML文档类似于Java的API,易读且清晰明了。在简略介绍JavaDoc写法之后,再看一下在IntellijIdea中如何将代码中的注释生成HTML文档。JavaDoc是Sun公司提供的一个技术,它从程序源代码中抽取类、方法、成员等注释形成一个和源代......
  • Nuxt.js 路由管理:useRouter 方法与路由中间件应用
    title:Nuxt.js路由管理:useRouter方法与路由中间件应用date:2024/7/28updated:2024/7/28author:cmdragonexcerpt:摘要:本文介绍了Nuxt3中useRouter方法及其在路由管理和中间件应用中的功能。内容包括使用useRouter添加、移除路由,获取路由信息,基于HistoryAPI的操作,......
  • 基于JSP的沙县小吃点餐系统
    你好呀,我是计算机学姐码农小野!如果有相关需求,可以私信联系我。开发语言:Java数据库:MySQL技术:JSP技术工具:IDEA/Eclipse、Navicat、Maven系统展示首页管理员功能界面用户功能界面前台首页功能界面摘要随着社会的发展,信息化时代的优势被各行各业所利用,计算机的......
  • 简易版:在 SpringBoot 中设计一个订单号生成系统
     ​博客主页:   南来_北往系列专栏:SpringBoot实战引言要在SpringBoot中设计一个订单号生成系统,你可以按照以下步骤进行:创建一个SpringBoot项目,添加必要的依赖,如spring-boot-starter-web。创建一个订单号生成器类,实现订单号的生成逻辑。可以使用时间戳、随机数......
  • 图像生成中图像质量评估指标—FID介绍
    文章目录1.背景介绍2.实际应用3.总结和讨论1.背景介绍FréchetInceptionDistance(\textbf{FID})是一种衡量生成模型性能的指标,它基于Inception网络提取的特征来计算模型生成的图像与真实图像集合之间的距离。FID利用了Inception模型(通常指的是InceptionV3)来提取......
  • js切割字符串指定个数?
    如果你想剪切字符串的开头几个字符,可以使用JavaScript的substring()方法或者slice()方法。使用substring()方法:letstr="Hello,World!";letcutLength=5;//要剪切的字符数 letnewStr=str.substring(cutLength);console.log(newStr);//输出:",Worl......
  • js切割接口域名前缀。
    在请求图片时,可能会有有域名的,或没域名的地址,这就需要判断,把字符串域名把域名前缀剪切掉letdomain="https://www.example.com"; //剪切掉域名前缀functiontrimDomainPrefix(url){  //定义需要剪切的前缀列表  constprefixes=["http://","https://",......
  • js的回车事件
    在JavaScript中,处理回车事件可以通过监听键盘事件来实现。通常情况下,回车键的键码为13。以下是一个简单的示例代码,演示如何检测用户按下回车键://监听键盘事件document.addEventListener('keydown',function(event){  if(event.key==='Enter'){    //......