zoukankan      html  css  js  c++  java
  • 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=imgUrl;
    15 }
    16 function onError(message){
    17     msg.innerHTML=message;
    18 }
  • 相关阅读:
    【CSS 第五天】背景,边框
    CSS Sprite雪碧图
    【ASP】session实现购物车
    【ASP】response和sever对象实现用户登录
    【操作系统】银行家算法
    【操作系统】先来先服务
    【操作系统】多级反馈队列算法
    【页面置换算法】LRC算法和FIFS算法
    Alpha版(内部测试版)发布
    项目结束--事后诸葛亮会议总结
  • 原文地址:https://www.cnblogs.com/wangjiajun/p/4053749.html
Copyright © 2011-2022 走看看