纯js读取二维码(javascript解码读取二维码信息)

2016-01-05 09:06:00
hainuo
来源:
wed开发网
转贴 5196
摘要:javascript如何读取二维码的信息。本示例来源于:http://lazarsoft.info。本示例使用了html5的canvas对象,不支持IE8-,通过html5的canvas对象读入图片后处理读出二维码存储的信息。
javascript如何读取二维码的信息。本示例来源于:http://lazarsoft.info 。本示例使用了html5的canvas对象,不支持IE8-,通过html5的canvas对象读入图片后处理读出二维码存储的信息。```html javascript解码读取二维码信息 将二维码图片拖放到下面的黑色框框内解码获取信息
```jsqrcode使用方法:导入上面示例包含的脚本,然后设置解码二维码成功或者失败的回调函数```qrcode.callback=function(d){//d为解码失败提示信息或者二维码存储的信息,注意成功或者失败都是这个回调}```由于成功或者失败都是同一个回调不好判断,所以进行了扩展,修改qrcode.js这个文件,增加了success和error这2个回调。callback就相当于解码完毕后执行的回调,新增回调参数status(为1说明解码成功,为0说明解码失败)。```qrcode.success=function(d){//d为二维码存储的信息//....}qrcode.error=function(d){//d为解码失败提示信息//....}qrcode.callback=function(d,status){//d为解码失败提示信息或者二维码存储的信息,status同上//...}```jsqrcode解码二维码图片:`qrcode.decode(url or DataURL)`。url为图片地址或者DataUrl为图片的base64内容  jsqrcode解码canvas加载的二维码,不传递参数,自动获取html页面上放置的id="qr-canvas"这个对象:`qrcode.decode()`附件为源码包
发表评论
柒 加 柒 =
评论通过审核后显示。