从android webView打开相机
问题描述:
我试图通过使用HTML输入类型文件标记从加载在android webView 中的html页面打开android本机相机。从android webView打开相机
<input type="file" accept="image/*">
我不知道为什么,但相机没有打开,我不知道该怎么办。
我已经尝试了iPhone的webView的同一页,它的工作。
我该怎么办?
答
如果我明白你的问题正确
你想打开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
您也可以参考这些教程
欢呼!
纠正我,如果即时通讯错了,但你试图从HTML页面打开相机是正确的? – ViVekH