1. 首页
  2. 问答
  3. 从android webView打开相机

从android webView打开相机

2017-01-09 130 views
3

我试图通过使用HTML输入类型文件标记从加载在android webView 中的html页面打开android本机相机。从android webView打开相机

<input type="file" accept="image/*">

我不知道为什么，但相机没有打开，我不知道该怎么办。

我已经尝试了iPhone的webView的同一页，它的工作。

我该怎么办？

来源

2017-01-09 Thingdou1993

+0

纠正我，如果即时通讯错了，但你试图从HTML页面打开相机是正确的？ – ViVekH

回答

2

如果我明白你的问题正确

你想打开Android设备上的摄像头在网页（HTML），点击按钮？

在这样的假设的基础上， 你需要做以下

使用JavascriptInterface

public class WebVCamBridgeInterface { 
     /** 
     * Javacript function to start native camera 
     */ 
     @JavascriptInterface 
     public void takePicture() { 
      captureImage(); 
     } 

     /** 
     * Javascript function to start the GalleryActivity for user to choose the image to be uploaded 
     */ 
     @JavascriptInterface 
     public void showPictures() { 
      Intent intent = new Intent(LandingActivity.this, GalleryActivity.class); 
      startActivityForResult(intent, Constants.REQ_GALLERY); 
     } 

    }

添加JSinterface到您的WebView

webView.addJavascriptInterface(new WebVCamBridgeInterface(), "AndroidDevice");

有以下JS在您的HTML /网页

<script> 
    function takePicture() { 
    if(typeof AndroidDevice !== "undefined"){ 
     AndroidDevice.takePicture(); 
    } 
    } 

    function showPictures() { 
    if(typeof AndroidDevice !== "undefined"){ 
     AndroidDevice.showPictures(); 
    } 
    } 

    function imageData(data){ 
    document.getElementById('displayImage').setAttribute('src', 'data:image/png;base64,'+data); 
    if(typeof AndroidDevice !== "undefined"){ 
    } 
    } 
</script>

我提供了链接到示例项目的演示视频的演示，看看。 https://drive.google.com/drive/folders/0BwRMp8dK9LMLeEo5cTlXVE9ZUW8?usp=sharing

您也可以参考这些教程

欢呼！

来源

2017-01-10 13:38:50 ViVekH

相关问题

 相关问题