参考android相机调用，http://blog.csdn.net/yanzi1225627/article/details/33028041/，谢谢

相机怎么调用就不做赘述了，下面是js调用相机的代码：

java：

 **

  * Created by Administrator on 2016/6/24 0024.

  */

 public class QRCodeHtmlActivity extends Activity {

     /**

      * 网页

      */

     private WebView wvQRCode;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_html_qrcode);

         initView();

         setWebView();

     }

     private void initView() {

         wvQRCode = (WebView) findViewById(R.id.wv_qrcode);

     }

     /**

      * 设置网页

      */

     private void setWebView(){

         //允许JavaScript执行

         wvQRCode.getSettings().setJavaScriptEnabled(true);

         //向js传递对象

         wvQRCode.addJavascriptInterface(new ShowCamera(),"camera");

         //不会node的小伙伴可以保存到assets

         //wvQRCode.loadUrl("file:///android_asset/QRCode.html");

         //访问网页

         wvQRCode.loadUrl("http://192.168.253.1:3000/htmls/QRCode.html");

     }

     public final class ShowCamera {

         //Html调用此方法传递数据，注解一定要留着否则会出错

         @JavascriptInterface

         public void showCamera() {

             Intent intent = new Intent(QRCodeHtmlActivity.this, QRCodeSurfaceActivity.class);

             //调用打开相机的界面

             QRCodeHtmlActivity.this.startActivity(intent);

         }

     }

 }

html：

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>二维码调用</title>

     <script type="text/javascript">

         function showQRCode() {

             window.camera.showCamera();

         }

     </script>

 </head>

 <body>

 <h3>本例子是点击按钮调用相机扫描二维码</h3>

 <input type="button" name="" value="点击调用" onclick="javascript:showQRCode()"/>

 </body>

 </html>

github： https://github.com/weifengzz/AndroidJSQRCode

Android与JS混编（js调用android相机）的更多相关文章

  1. Android与JS混编（js调用java）

    项目中需要使用android与js的混编来开发app. 下面就介绍一下吧. 有时候我们需要用js调用native控件,要想实现这个功能,我们需要做的就只有三步: 1.允许webview执行js脚本 2 ...

  2. Android Camera解析（上） 调用系统相机拍摄照片

    开发中我们常须要通过相机获取照片(拍照上传等).一般通过调用系统提供的相机应用就可以满足需求:有一些复杂需求还须要我们自己定义相机相关属性,下篇我们会涉及到. 首先我们来研究怎样简单调用系统相机应用来 ...

  3. Android与JS混编（js调用android相机扫描二维码）

    参考demo http://www.cnblogs.com/mythou/p/3280023.html        项目源码: https://github.com/weifengzz/Androi ...

  4. Android与JS混编（多图选择器）

       github: https://github.com/weifengzz/AndroidJSSelectImg

  5. swift与OC混编之调用函数

    在桥接头文件里#import oc的.h文件,整个swift工程都能使用该oc文件,在.h里暴露的方法都能被该工程使用 //oc文件 TestOC.h #import @interface TestO ...

  6. Flutter学习笔记（30）--Android原生与Flutter混编

    如需转载,请注明出处:Flutter学习笔记(30)--Android原生与Flutter混编 这篇文章旨在学习如何在现有的Android原生项目上集成Flutter,实现Android与Flutte ...

  7. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  8. Android与JS之间跨平台异步调用

     为什么突然要搞这个问题呢?  在开发浏览器的时候遇到这个狗血的问题,花了将近1天的时间才想到这个解决方案,Android与JavaScirpt互调. 因为接口是抓取的别人的,所以出现了JS跨域问题, ...

  9. [转]JS调用Android里面的方法，Android调用JS里面的方法

    FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...

随机推荐

  1. Android(工具・集成)

    ■ NDK Android从始(2009)至终是支持JNI的. 只不过一开始没有NDK.需要自己安装交叉编译器创建so,然后放到assert之类捆绑so发布. 有了NDK.有了什么? libc lib ...

  2. HTML&CSS基础学习笔记1.12—引入样式表

    引入样式表 我么都知道HTML是网页内容的载体,CSS样式是表现,就像网页的外衣.如何让网页披上这层外衣呢? 这个时候就需要用<link>标签了,它起到将CSS样式链入页面的作用. < ...

  3. C语言初学 测定各数据类型的长度

    #include<stdio.h> #include<stdlib.h> int main() { int a,b; int i=0; printf("char:%d ...

  4. Gson JsonParser的使用

    package iotest; import com.google.gson.Gson; import com.google.gson.JsonArray; import com.google.gso ...

  5. Oracle 提示密码过期问题：the password will expire

    SQL> conn scott/tiger ERROR: ORA: the password will expire within days Connected. SQL> conn /a ...

  6. ng-selected 与ng-options的使用

    1:ng-selected用在<option>标签上面,ng-options用在<select>上面,用于动态创建options列表. <form class=" ...

  7. documentElement vs body

    document.documentElement与document.body. 2011-03-12 10:15:46|  分类: javascript|字号 订阅     这是DOMDocument ...

  8. injector

    angular 提供了一套依赖注入的机制,和后台很像.虽然我不觉得有很重要. var $injector = angular.injector(["myModule"]); var ...

  9. Android Map新用法：MapFragment应用

    MapView ,MapActivity 这种的局限在于,必须要继承MapActivity,否则无法使用MapView,但是,MapFragment 这种的局限在于,必须要安装Google Play ...

  10. bzoj 1193

    http://www.lydsy.com/JudgeOnline/problem.php?id=1193 大范围贪心,小范围宽搜. 膜拜大神 http://blog.csdn.net/u0129155 ...