JS生成二维码(兼容各种浏览器及中文）

本文将介绍如何使用JS生成二维码，兼容各种浏览器及手机端，支持中文。

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> JS 生成二维码 </title>
<script src="qrcode.js"></script>
<script type="text/javascript">
window.onload = function(){// 二维码对象var qrcode;// 默认设置var content;var size;// 设置点击事件document.getElementById("send").onclick =function(){// 获取内容content = document.getElementById("content").value;content = content.replace(/(^\s*)|(\s*$)/g, "");// 获取尺寸size = document.getElementById("size").value;// 检查内容if(content==''){alert('请输入内容！');return false;}// 检查尺寸if(!/^[0-9]*[1-9][0-9]*$/.test(size)){alert('请输入正整数');return false;}if(size<100 || size>500){alert('尺寸范围在100～500');return false;}// 清除上一次的二维码if(qrcode){qrcode.clear();}// 创建二维码qrcode = new QRCode(document.getElementById("qrcode"), {width : size,//设置宽高height : size});qrcode.makeCode(document.getElementById("content").value);}}
</script>
</head><body><p>内容：<input type="text" id="content" value="http://weibo.com/fdipzone" /></p><p>尺寸：<input type="text" id="size" value="150"></p><p><button id="send">生成二维码</button></p><div id="qrcode"></div>
</body>
</html>

qrcode.js文件及完整代码下载地址：点击查看

JS生成二维码(兼容各种浏览器及中文）相关推荐

JS生成二维码以及点击下载二维码
JS生成二维码效果扫描二维码可访问指定链接或当前网站链接,内容可以自己更改 "复制链接",点击按钮复制当前网站链接如何获取当前网站链接源码 textarea{opacity ...
java生成二维码打印到浏览器
java生成二维码打印到浏览器解决方法: pom.xml的依赖两个jar包: <!-- https://mvnrepository.com/artifact/com.google.zxing/ ...
js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
qrcode.js使用js生成二维码（并下载）的实践
知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎案例场景后台生成邀请链接,前端拿到链接之后处 ...
qrcode.js 生成二维码包含logo和背景图片及IE下载二维码
思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...
jquery.qrcode.js生成二维码插件转成图片格式
1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址: https://github.com/jeromeetien ...
JS生成二维码以及保存页面为图片的解决方案:html2Canvas+file-saver+qrcodejs2的使用心得以及解决图片失真，保存不完整的解决办法
前言最近因为工作需求,需要前端根据后端传过来的链接生成二维码,并且要使用JS保存页面为图片.然后网上搜了很多解决办法.最终都是用h5的canvas进行绘制然后保存为图片.其中,又以html2Canv ...
利用qrcode.js生成二维码，并点击按钮下载二维码图片（亲测可用）
话不多说,先上代码(复制即用): <!DOCTYPE html> <html lang="en"> <head><meta charset ...
qrcode——js生成二维码
1.引入 qrcode.min.js(点击下载demo) 2.html: <div id="qrcode"></div> js: var qrcode = ...

JS生成二维码(兼容各种浏览器及中文）

JS生成二维码(兼容各种浏览器及中文）相关推荐

最新文章

热门文章