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

最新推荐文章于 2020-03-12 15:01:23 发布

爱情故事的感觉

最新推荐文章于 2020-03-12 15:01:23 发布

阅读量435

点赞数

本文链接：https://blog.csdn.net/hsyyff/article/details/84194725

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

本文将介绍如何使用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>
  
  1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68