码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-27 12:30:11      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:des   android   style   blog   color   io   ar   使用   sp   

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=imgUrl;
15 }
16 function onError(message){
17     msg.innerHTML=message;
18 }

 

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

标签:des   android   style   blog   color   io   ar   使用   sp   

原文地址:http://www.cnblogs.com/wangjiajun/p/4053749.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!