使用jquery.qrcode生成二维码
来源:互联网 发布:最短路算法 编辑:程序博客网 时间:2024/05/28 09:34
一、jQuery.qrcode.js介绍
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,插件压缩之后大小小于 4K。
插件和实例下载地址:http://download.csdn.net/detail/lijinzhou2017/9863478
二、参数说明
三、jquery.qrcode使用1. 加载 jQuery 和 jquery.qrcode.js:
四、常见问题
1.在chorme浏览器中二维码生成成功后无法扫描解决方法:
2.在微信或手机浏览器中生成的二维码无法扫描解决方法;
3.jquery.qrcode生成二维码内容不支持中文
jquery-qrcode这个库是采用 charCodeAt() 这个方式进行编码转换的,这个方法默认会获取它的 Unicode 编码,一般的解码器都是采用UTF-8, ISO-8859-1等方式。
英文是没有问题,如果是中文,一般情况下Unicode是UTF-16实现,长度2位,而UTF-8编码是3位,这样二维码的编解码就不匹配了。
解决方式当然是,在二维码编码前把字符串转换成UTF-8,具体代码如下:
注意:这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签
4.将canvas标签转换为img标签
//从 canvas 提取图片 imagefunction convertCanvasToImage(canvas) { //新Image对象,可以理解为DOM var image = new Image(); // canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持 // 指定格式 PNG image.src = canvas.toDataURL("image/png"); return image;}//获取网页中的canvas对象var mycanvas1=document.getElementsByTagName('canvas')[0];//将转换后的img标签插入到html中var img=convertCanvasToImage(mycanvas1); $('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id注意:完成上述步骤后就可以在微信中长按识别了转载出处:http://blog.csdn.net/chengnuo628/article/details/53993895http://blog.csdn.net/mr_smile2014/article/details/51782122
阅读全文
1 0
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery-qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery.qrcode生成二维码
- 使用jquery-qrcode生成二维码
- SpringMVC框架运行分析
- 调节屏幕亮度
- 深入理解Java之线程池
- Myeclipse如何修改一个svn导下来只含有src和pom.xml文件的工程为web maven工程
- Ubuntu操作Mongodb
- 使用jquery.qrcode生成二维码
- MFC总结之CListCtrl用法及技巧(一)
- 解决方案:PowerDesigner 16生成的SqlServer 2000/2005/2008脚本执行出现:“对象名sysproperties无效”
- C++复制构造函数和赋值符的区别
- TP 中的gt egt lt elt
- 读Properties文件和往Properties文件里面写内容
- 程序员必修
- 主线程等待所有子线程完成后再执行
- Java IO学习笔记七