为了账号安全,请及时绑定邮箱和手机立即绑定

html5扫面二维码逻辑

标签:
Html5

写在前面

项目中有这样的需求,在android端嵌入的html5应用中,需要扫描二维码,而一般的浏览器是不允许你调用摄像头的。最后时限方式是由app的webview进行扫描,将扫描结果返回,也就是js的回调方法中。

例子说明

<!DOCTYPE html><html><head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>
   <meta charset="utf-8" />
   <script>
       //扫描二维码回调函数
       function erCodeCallBack(msgStr) {
           show_log(msgStr);
           $.ajax({
               url: 'Ashx/srcode.ashx',
               type: "post",
               data: { site: msgStr, action: 'add' },
               success: function (data) {
                   console.log(data);                    if (data._code == 200) {
                       window.location.reload();
                   };
               }, error: function (msg) {
                   alert(msg);
               }
           });
       };    </script></head><body>
   <input type="button" onclick="javascript: window.android.getErCode()" name="name" value="扫描二维码" /></body></html>


erCodeCallBack为安卓端的扫描二维码的回调函数,扫描成功后调用该函数,并且发送请求。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消