利用JS生成二维码

来源：互联网发布：淘宝推广有效方法编辑：程序博客网时间：2024/05/19 16:22

利用封装好的 "jquery.min.js" 和 "jquery.qrcode.min.js"可生成二维码：

资源链接：http://download.csdn.net/download/ccccc_jun/10159280

不过暂不支持utf-8，只是给出一个例子参考。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>二维码生成</title><style type="text/css"></style><style type="text/css">.main{border: 1px solid;text-align: center;width: 100%;height: 50em;margin: 0 auto;margin-top: 100px;}.demo{font-family: "微软雅黑";font-size: 2em;}.demo input{font-family: "微软雅黑";font-size: 2em;}#qrcode{margin: 0 auto;text-align: center;margin-top: 100px;}</style><script type="text/javascript" src = "jquery.min.js"></script><script type="text/javascript" src ="jquery.qrcode.min.js"></script><script type="text/javascript">function load(){document.getElementById("qrcode").innerHTML = "";var text = document.getElementById("mytxt").value;jQuery(function(){jQuery('#qrcode').qrcode(text);})}</script></head><body><div class="main"><div class="demo"><p>请输入文本，然后点击提交按钮，下方生成二维码：</p><p><input type="text" name="input" id="mytxt" value="" ></p><input type="button" id="sub_btn" value="提交" onclick="load()"><p id = "qrcode"></p></div></div></body></html>

阅读全文

0 0