文档章节

Android版添加phonegap--Camera插件教程

大街小巷
 大街小巷
发布于 2015/12/31 11:46
字数 613
阅读 14
收藏 1

 <!DOCTYPE html>  

<html>  

<head>  

<title>Camera 插件</title>  

<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>  

<script type="text/javascript" charset="utf-8">  

var pictureSource;//图片来源  

var destinationType;//设置返回值的格式  

//等待Phonegap连接设备  
document.addEventListener("deviceready",onDeviceReady,false);  

//Phonegap准备就绪,可以使用!  
function onDeviceReady() {  
pictureSource=navigator.camera.PictureSourceType;  
destinationType=navigator.camera.DestinationType;  
}  

//当成功获得一张照片的Base64编码数据后被调用  
function onPhotoDataSuccess(imageData) {  

//取消注释以查看Base64编码的图像数据  
//console.log(imageData);  

//获取图像句柄  
var smallImage = document.getElementById('smallImage');  

//取消隐藏的图像元素  
smallImage.style.display = 'block';  

//显示拍摄的照片  
//使用内嵌CSS规则来缩放图片  
smallImage.src = "data:image/jpeg;base64," + imageData;  

}  

//当成功得到一张照片的URI后被调用  
function onPhotoURISuccess(imageURI) {  

//取消注释以查看图片文件的URI  
//console.log(imageURI);  

//获取图片句柄  
var largeImage = document.getElementById('largeImage');  

//取消隐藏的图像元素  
largeImage.style.display = 'block';  

//显示拍摄的照片  
//使用内嵌CSS规则来缩放图片  
largeImage.src = imageURI;  
}  

//“Capture Photo”按钮点击事件触发函数  
function capturePhoto(){  

//使用设备上的摄像头拍照,并获得Base64编码字符串格式的图像  
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {quality: 50 });  
}  

//“Capture Editable Photo”按钮点击事件触发函数  
function capturePhotoEdit() {   

//使用设备上的摄像头拍照,并获得Base64编码字符串格式的可编辑图像  
navigator.camera.getPicture(onPhotoDataSuccess,onFail,{quality:20,allowEdit: true});  
}  

//“From Photo Library”/“From Photo Album”按钮点击事件触发函数  

function getPhoto(source) {  
//从设定的来源处获取图像文件URI  
navigator.camera.getPicture(onPhotoURISuccess, onFail,{quality: 50,  
destinationType: destinationType.FILE_URI,sourceType: source });  
}  

//当有错误发生时触发此函数  
function onFail(mesage) {  
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>  

KeyMob致力于广告主和开发者都可以通过简单的操作轻松实现对多家广告平台的搭配使用。并能辅助开发者过市场审核,服务也很好。优点小而精,专做广告服务,对各个广告平台进行精选,集成方便快捷。

© 著作权归作者所有

大街小巷
粉丝 8
博文 208
码字总数 130367
作品 0
长沙
私信 提问
phoneGap3.0安装步骤(以windows下的android环境为例):

phoneGap3.0安装步骤(以windows下的android环境为例): 环境: WIN系统,JDK,Android,Eclipse,Ant,Git,PhoneGap3.x (Cordova) 1. 安装JRE,设置JAVAHOME,比如JAVAHOME=C:programJavaj...

kisshua
2014/03/05
0
0
phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版 刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间. 本文主讲windows系统下的phonegap的环境搭建...

james_laughing
2014/12/17
0
0
phonegap安装 环境搭建与配置详解( 完整版 提供下载地址)

phonegap 安装 环境搭建 完整版 刚刚接触 phonegap 因为配环境遇到各种各样问题.花了一下午时间才完成,所以写一个篇文章希望能给大家节约点时间. 本文主讲windows系统下的phonegap的环境搭建...

james_laughing
2014/12/17
0
0
基于PhoneGap的Android应用开发-Get started

PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列...

无鸯
2011/09/09
1K
1
PhoneGap Developer App 1.4.0 发布

PhoneGap Developer App 1.4.0 发布,此版本包括 Cordova 4.0.0,更新了最新版本的官方组件。 新特性: updated to updated to updated to updated to updated to updated to updated to upd......

oschina
2014/11/28
6.3K
15

没有更多内容

加载失败,请刷新页面

加载更多

我为什么要写微信公众号

埋一颗种子,细心呵护,静待她枝繁叶茂,葱郁参天 V2论坛上有个帖子【做程序员最重要的还是一定要有自己的作品】,作者写道: 能有一个作品和你的名字联系在一起,应当成为在职业生涯前期着意...

运维咖啡吧
44分钟前
3
0
数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
6
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部