mui实现二维码扫描功能

注意事项:

1.mui扫描二维码需在HBuilder中真机运行调试,不然无法实现扫描

mui实现二维码扫描功能_第1张图片

2.正常情况下扫描结果为一个链接,可以通过定义方法将此链接传到后台,此处为ajax方式提交

mui实现二维码扫描功能_第2张图片

mui实现二维码扫描功能_第3张图片

 

3.以下为项目代码 ,使用时需要引入mui的样式及js:



   
    
    
    
    
    
    
        
    
   
  
    
             

物品二维码扫描

           
             
             
                                

效果如下:

mui实现二维码扫描功能_第4张图片

注:

a.   plus.runtime.openURL(result);可以打印扫描出的链接

b.   扫描后需scan.close();关闭扫描窗口

c.   HBuilder真机调试很关键,不然无法看到具体效果

最后致谢dcloud Mui社区~

http://dev.dcloud.net.cn/sponsor/?channel=mui

 

 

 

 

你可能感兴趣的:(前端js)