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 }
  • 相关阅读:
    值传递
    抽象类
    面向对象三大特征(二)--继承
    单例设计模式
    神奇的main方法详解
    面向对象的三大特征 ---- 封装
    变量、方法以及静态和非静态
    面向对象编程-类和对象
    数组
    力扣题库刷题(随时记录)
  • 原文地址:https://www.cnblogs.com/wangjiajun/p/4053749.html
Copyright © 2011-2022 走看看