首页 > 代码库 > PhoneGap学习笔记(四) 本地图片和摄像头

PhoneGap学习笔记(四) 本地图片和摄像头

PhoneGap关于图像的对象是Camera,该对象只有一个方法getPicture();该方法参数如下:

quality:0-100的整数,设置图片质量,如果以地址的形式加载本地图片,该参数无效。

destinationType:Camera.DestinationType.FILE_URL | Camera.DestinationType.DATA_URL

如果是FILE_URL,图像以本地地址的形式返回,如果是DATA_URL,图像以base64的形式返回,img的src属性需拼接base64的前缀"data:image/jpeg;base64,"

如:image.src = "data:image/jpeg;base64," + imageData;

sourceType:Camera.PictureSourceType.SAVEDPHOTOALBUM | Camera.PictureSourceType.PHOTOLIBRARY| Camera.PictureSourceType.CAMERA

SAVEDPHOTOALBUM和PHOTOLIBRARY在android设备上无差异,都显示同一个照片画廊,CAMERA表示使用摄像头拍摄图像

示例:

 1 document.addEventListener("deviceready",function(){ 2       try{ 3       init(); 4     }catch(e){alert(e);} 5 },false); 6  7 function init(){  8   //var options={quality:40,destinationType:Camera.DestinationType.FILE_URL,sourceType:Camera.PictureSourceType.SAVEDPHOTOALBUM};//从相册选取 9   var options={quality:40,destinationType:Camera.DestinationType.FILE_URL,sourceType:Camera.PictureSourceType.CAMERA,allowEdit:true};//使用摄像头10   navigator.camera.getPicture(onSuccess,onError,options);11 }12 function onSuccess(imgUrl){13     msg.innerHTML=imgUrl;14     img.src=http://www.mamicode.com/imgUrl;15 }16 function one rror(message){17     msg.innerHTML=message;18 }

 

PhoneGap学习笔记(四) 本地图片和摄像头