phonegap-调用android手机照相机

原创 2015年11月20日 18:35:25


环境配置参见:http://blog.csdn.net/adrian_rendong/article/details/49910335 点击打开链接

附完整android工程包http://download.csdn.net/detail/adrian_rendong/9287027

使用Node.js创建工程


打开Node.js控制台并进入到准备存放工程文件的文件夹下

1.创建一个phonegap工程

phonegap create adrian

2.进入项目文件中的plugins文件夹下

cd adrian 
cd plugins

3.下载插件

cordova plugin add org.apache.cordova.dialogs  
cordova plugin add org.apache.cordova.vibration 
cordova plugin add org.apache.cordova.camera

4.添加android平台

cordova platform add android

5.编译android工程

cordova build


注意:提示错误(如果未提示错误不必进行下一步)
继续输入
phonegap run android


现在android的工程就创建好了

导入工程

参见http://blog.csdn.net/adrian_rendong/article/details/49910335

编写调用照相机程序

1.编辑index.html

打开index.html
将里面的代码全部删除,粘贴如下代码
<!DOCTYPE html>  
<html>    
<head>     
 <title>Capture Photo</title>    
 <script type="text/javascript" charset="utf-8" src="cordova.js"></script>     
 <script type="text/javascript" charset="utf-8">      
    var pictureSource;    
    var destinationType;         
    document.addEventListener("deviceready",onDeviceReady,false);         
        function onDeviceReady() {      //加载后执行  
        	pictureSource=navigator.camera.PictureSourceType;        
        	destinationType=navigator.camera.DestinationType;    
        }     
        function onPhotoDataSuccess(imageData) {          
	        console.log(imageData);           
	        var smallImage = document.getElementById('smallImage');          
	        smallImage.style.display = 'block';        
	        smallImage.src = "data:image/jpeg;base64," + imageData;    
	    }      
        function onPhotoURISuccess(imageURI) {        
	        console.log(imageURI);        
	        var largeImage = document.getElementById('largeImage');        
	        largeImage.style.display = 'block';        
	        largeImage.src = imageURI;    
	    }      
        function capturePhoto() {        
	        navigator.camera.getPicture(onPhotoDataSuccess, onFail, { 
	        	quality: 50,        
	        	destinationType: destinationType.DATA_URL });    
	    }      
        function capturePhotoEdit() {        
	        navigator.camera.getPicture(onPhotoDataSuccess, onFail, { 
	        	quality: 20, allowEdit: true,        
	        	destinationType: destinationType.DATA_URL });    
	    }      
        function getPhoto(source) {        
	        navigator.camera.getPicture(onPhotoURISuccess, onFail, { 
	        	quality: 50,        
	        	destinationType: destinationType.FILE_URI,        
	        	sourceType: source });    
	    }      
        function onFail(message) {      
        	alert('Failed because: ' + message);    
        }     
    </script>  
</head>   
<body>    
    <button onclick="capturePhoto();">Capture Photo</button> <br>  
    <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br>    
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br>    
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br>   
    <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />    
    <img style="display:none;" id="largeImage" src="" />    
</body>  
</html>

2.在config.xml中添加功能

打开config.xml
<widget>中添加如下代码
<feature name="Notification">      
<param name="android-package" value="org.apache.cordova.dialogs.Notification" />  
</feature>  
<feature name="Vibration">      
<param name="android-package" value="org.apache.cordova.vibration.Vibration" />  
</feature>

截图如下

3.为android应用增加权限

打开AndroidManifest.xml
<manifest>下添加如下代码
<uses-permission android:name="android.permission.VIBRATE" /> 


截图如下



4.打包成android安装文件



5.界面图







版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

phonegap照相插件的使用

phonegap的API提供照相功能,使用很方便. 此篇文章以cordova 3.3版本编写   据我总结核心步骤:  创建工程 ; 下载插件 ;编译工程; 调用插件;           ...

ionic插件基础(三)——插件原理及cordova相机插件的使用

本文主要讲解了插件的原理和使用cordova封装好的插件的使用

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

cordova调用相机

该篇主要讲述cordova如何调用相机。Cordova框架提供了两个用于访问设备相机的API,一个是Camera API,它使用开发者能直接访问本地相机的API,另一个是Media Capture A...

Android+ionic +phonegap 调用摄像头 $cordovaCamera

1、配置环境,配置调用摄像头所需要的插件ng-cordova我是离线下载:http://ngcordova.com/docs/install/ 2、引入ng-cordova.js文件ng-c...

前端调用手机相机拍照

转载地址 HTML5调用手机相机拍照 前端调用手机相机拍照 实现方式常见有两种: 一种是通过video控件,通过捕获video的流,截取video中的图像实现拍照, 还...

Android 调用手机系统照相机拍照

Android 调用手机系统照相机拍照 并用ImageView显示 此方法获得的是拍照的原图片而非缩略图。

android 照相机调用系统相机照相并显示

本文旨在菜鸟篇哈! 在项目中需要用到照相的功能,但是网上大多数都只是实现了启动相机的功能,并没有做返回的处理显示 本文将告诉你如何处理,照相完成后对数据图像的处理 东说西说先上代码,代码也是很简...

调用手机相机拍照并获取拍摄的照片

程序截图 step1:调用手机相机 通过   Intent intent=new Intent(MediaStore.ACTION_IMAGE_CAPTURE); Uri uri...

Android调用手机拍照以及从相册选择照片

/*用来标识请求照相功能的activity*/       private static final int CAMERA_WITH_DATA = 3023; ...

Android调用手机拍照以及从相册选择照片

/*用来标识请求照相功能的activity*/ private static final int CAMERA_WITH_DATA = 3023; /*用来标识请求gallery的activit...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)