JS通过webView调用本地相机扫码二维码，然后webView把二维码数据传给JS

网上找了一堆资料，都是JS传值给webView的，这里自己看了下代码，通过两个步骤实现此功能
1，通过JS调用webView函数打开本地相机
JS代码：

  1. <body class="body_water">
  2.    <button οnclick="subMit();">安卓扫码测试</button>
  3.     <script type="text/javascript" src="./js/jtys/jquery-1.7.2.min.js"></script>
  4.     <script type="text/javascript" src="./js/layer.js"></script>
  5.     <script>
  6.         function subMit() {
  7.             alert("事件触发了！");
  8.             window.FinishWeb.openCamera();
  9.  
  10.         }
  11.        function getQRCode(code){
  12.     　　　　alert("进入回调了");
  13. 　　　　　　var cancel=code;
  14.           alert(cancel);
  15.       }
  16.     </script>
  17. </body>

webView代码：

  1. webSettings.setJavaScriptEnabled(true);
  2. webSettings.setDefaultTextEncodingName("UTF-8");
  3. webView.addJavascriptInterface(new FinishWeb(), "FinishWeb");
  4. public class FinishWeb {
  5.     @JavascriptInterface
  6.     public void close() {
  7.         WebActivity.this.finish();
  8.     }
  9.  
  10.     @JavascriptInterface
  11.     public void openCamera() {
  12.         Toast.makeText(WebActivity.this, "开始识别", Toast.LENGTH_SHORT).show();
  13.         //本地扫码方法
  14.         scan();
  15.     }
  16. }

2，通过webView调用JS的方法，把值传给JS

webView代码：

  1. String code = "123456";
  2. String method =  "getQRCode('" + code + "')";//拼接参数，就可以把数据传递给js
  3. webView.evaluateJavascript(method, new ValueCallback<String>() {
  4.     @Override
  5.     public void onReceiveValue(String value) {
  6.         Log.i("qcl0228", "js返回的数据" + value);
  7.     }
  8. });

一个简单的JS与webView交互传值就实现了

https://blog.csdn.net/m0_37596450/article/details/105637686

uniapp H5扫码解决方案的更多相关文章

  1. uni-app 自定义扫码界面

    二维码扫描,已经成为当下一款应用不可或缺,同时也是用户习以为常的功能了.uni-app 为我们提供了扫码 API ,直接调用即可. 需求场景 在实际开发中,平台提供的默认扫码界面,并不能满足一些自定义 ...

  2. 微信公众号支付|微信H5支付|微信扫码支付|小程序支付|APP微信支付解决方案总结

    最近负责的一些项目开发,都用到了微信支付(微信公众号支付.微信H5支付.微信扫码支付.APP微信支付).在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存. 先说注意 ...

  3. C#版微信公众号支付|微信H5支付|微信扫码支付问题汇总及解决方案总结

    最近负责的一些项目开发,都用到了微信支付(微信公众号支付.微信H5支付.微信扫码支付).在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存.代码在文章结尾处,有需要的 ...

  4. 微信支付-微信公众号支付，微信H5支付，微信APP支付，微信扫码支付

    在支付前,如果使用第三方MVC框架,则使用重写模式,服务器也需要配置该项 if (!-e $request_filename){ rewrite ^/(.*)$ /index.php/$ last; ...

  5. uniapp实现钉钉扫码登录

    由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp,最终实现钉钉扫码登录app 1. 用H5调起钉钉扫码登录 钉钉在网页端的扫码登录可参考钉钉文档:扫码登录第三方网站 - ...

  6. 微信内点击链接或扫描二维码可直接用外部浏览器打开H5链接的解决方案

    很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们使用微信跳转浏览器接口实现跳转功能即可. 简单的处理方案 1. 用浏览器打开我们需要用到的 ...

  7. asp.net core 微信公众号支付（扫码支付，H5支付，公众号支付，app支付）之3

    在微信公众号中访问手机网站,当需要调用支付时候无法使用H5支付,只有使用微信公众号支付,使用公众号支付用户必须关注该公众号同时该公众号必须开通公众号支付功能. 1.获取用户的OpenId ,参考之前写 ...

  8. asp.net core 微信H5支付（扫码支付，H5支付，公众号支付，app支付）之2

    上一篇说到微信扫码支付,今天来分享下微信H5支付,适用场景为手机端非微信浏览器调用微信H5支付惊醒网站支付业务处理.申请开通微信H5支付工作不多做介绍,直接上代码. 首先是微信支付业务类(WxPayS ...

  9. asp.net core 微信扫码支付（扫码支付，H5支付，公众号支付，app支付）之1

    2018-08-13更新生成二维码的方法 在做微信支付前,首先要了解你需要什么方式的微信支付,目前本人做过的支付包含扫码支付.H5支付.公众号支付.App支付等,本人使用的是asp.net mvc c ...

  10. PC、h5项目接入第三方支付宝扫码登录、扫码付款

    首先介绍一下pc项目接入支付宝扫码支付. 1.pc.移动接入支付宝扫码支付. 其实这个逻辑很简单,前端所需要处理的不是很多,后台会给一个连接,前端只需要将要支付的订单id拼接在这个连接上,然后打开跳转 ...

随机推荐

  1. 聊聊大数据框架的数据更新策略: COW,MOR,MOW

    大数据框架下,常用的数据更新策略有三种: COW: copy-on-write, 写时复制; MOR: merge-on-read, 读时合并; MOW: merge-on-write, 写时合并; ...

  2. Java+Selenium爬取高德POI边界坐标

    一.写在前面 关于爬取高德兴趣点边界坐标网上有几篇文章介绍实现方式,总的来说就是通过https://www.amap.com/detail/get/detail传入POI的ID值获取数据,BUT,如果 ...

  3. [转载] Winform WebBrowser 使用 Edge 内核

    原文地址 C# 设置 WebBrowser 使用 Edge 内核_c# webbrowser 内核 - CSDN 博客 原文内容 1. 问题描述 用 C# 写了一个小工具, 需要显示网页上的内容, 但 ...

  4. POJ1006、hdu1370

    思路:中国剩余定理.纯粹的用暴力求逆元. 1 #include<iostream> 2 #include<string.h> 3 #include<string> ...

  5. 华企盾DSC防泄密软件造成VS启动报目录错误

    解决方法:找到安装路径下的Privateregistry.bin文件解密即可

  6. python自动化测试相关资料

     java神功: https://yuedu.baidu.com/ebook/10f4bf7530126edb6f1aff00bed5b9f3f80f7212   selenium书:https:// ...

  7. 良心国产工具，比Xshell好用还免费！

    使用或维护Linux系统的都知道,我们日常对服务器的操作,一般都会借助SSH工具远程登录到服务器之后进行操作.常用的SSH工具有不少,比如:Xshell.Putty.SSH Secure Shell ...

  8. LeetCode 数、二叉树、二叉搜索树篇(94、144、145)

    94. 二叉树的中序遍历 给定一个二叉树,返回它的中序 遍历. 示例: 输入: [1,null,2,3] 1 2 / 3 输出: [1,3,2] 进阶: 递归算法很简单,你可以通过迭代算法完成吗? / ...

  9. 保护客户代码和应用安全，CodeArts有7招

    摘要:华为CodeArts致力于各种措施与方案,确保用户研发资产的安全. 华为云有IAM统一认证.CodeArts原名"DevCloud"上每个项目均设有权限管理机制. CodeA ...

  10. 云小课 | 使用ROMA API，API管理从此不用愁！

    阅识风云是华为云信息大咖,擅长将复杂信息多元化呈现,其出品的一张图(云图说).深入浅出的博文(云小课)或短视频(云视厅)总有一款能让您快速上手华为云.更多精彩内容请单击此处. 摘要:ROMA API致 ...