<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/cordova-2.2.0.js"></script>
<script type="text/javascript">
$(document).bind('deviceready',function(){
$('#btnCamera').bind('touchstart',function(){
navigator.camera.getPicture(function(data){
$('#thePicture').attr('src','data:image/jpeg;base64,'+data);
},function(error){
console.log('Error');
},{
destinationType:Camera.DestinationType.DATA_URL,
sourceType:Camera.PictureSourceType.CAMERA,
allowEdit:false,
targetWidth:135,
targetHeight:200
});
});
$('#btnPicture').bind('touchstart',function(){
navigator.camera.getPicture(function(data){
$('#thePicture').attr('src','data:image/jpeg;base64,'+data);
},function(error){
console.log('Error');
},{
destinationType:Camera.DestinationType.DATA_URL,
sourceType:Camera.PictureSourceType.PHOTOLIBRARY,
allowEdit:false,
targetWidth:135,
targetHeight:200,
mediaType:Camera.MediaType.PICTURE
});
});
});
</script>
</head>
<body>
<input type="button" id="btnCamera" value="picture from camera" /><br/>
<input type="button" id="btnPicture" value="picture from library" /><br/>
<img id="thePicture" src="" />
</body>
</html>
其他功能将陆续放出~
分享到:
相关推荐
PhoneGap是一种开源框架,它允许开发者使用HTML5、JavaScript和CSS3等Web技术来构建原生的移动应用程序。结合jQuery和HTML5,我们可以创建出跨平台的移动应用,包括实现远程登录功能。在这个项目中,我们将探讨如何...
这段描述表明这个项目提供了一个实际的示例,用于教授如何结合PhoneGap和jQuery Mobile利用HTML5和CSS3开发移动应用。HTML5是现代网页开发的核心标准,它引入了许多新特性,如离线存储、媒体元素和拖放功能,使得在...
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
PhoneGap+jQuery示例项目是一个将这两者结合的实践应用,旨在帮助开发者了解如何使用PhoneGap框架和jQuery库创建跨平台的移动应用程序。PhoneGap是一个开放源代码的开发框架,它允许开发人员使用HTML、CSS和...
在这个“phonegap+jqueryMobile例子”中,我们将深入探讨这两个工具如何协同工作,以及如何利用它们创建Android应用程序。 PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。...
总的来说,"PhoneGap+jQuery Mobile汇率计算器"实例展示了如何将Web技术应用于移动开发,利用PhoneGap实现跨平台能力,利用jQuery Mobile提升用户体验。通过学习和实践这个实例,开发者不仅可以掌握这两种技术的基本...
PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
综上所述,这个项目利用HTML5的多媒体特性创建Web应用,借助PhoneGap将其转换为可在不同移动设备上运行的原生应用,再通过jQuery Mobile优化用户界面和交互体验,实现了跨平台的手机APP开发。这个过程中,开发者需要...
标题提到的"PhoneGap+javascript+html5 扫描二维码"是指利用PhoneGap框架,结合JavaScript和HTML5的特性来实现二维码扫描功能。在移动应用中,二维码扫描是非常实用的功能,可以用于快速数据交换、链接跳转、会员...
PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中,PhoneGap是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架,...
在这个"phonegap+jqueryMobilejs源码项目"中,我们可以期待看到以下关键知识点: 1. **PhoneGap环境搭建**:首先,我们需要安装PhoneGap的开发环境,包括Node.js、Apache Cordova和对应的平台SDK(如Android SDK或...
### jQuery Mobile和PhoneGap集成开发 #### jQuery Mobile介绍 jQuery Mobile是一个针对移动设备优化的HTML5框架,用于构建响应式网站和应用程序。它是jQuery库的一个扩展,利用了jQuery的核心特性,并针对触控屏...
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载
整合PhoneGap和jQuery Mobile可以更快地开发出跨平台的移动应用,因为可以利用PhoneGap的跨平台部署能力,以及jQuery Mobile的响应式设计和界面元素。 5. 示例参考 文档中提到了几个快速整合PhoneGap和jQuery ...
HTML5+PhoneGAP+JQM门店源代码框架。 未完成,包括后台JSON部分。自己查找,后来我屏蔽掉了,但是效果是好的,由于模拟器太慢了,最后屏蔽了,但是代码可用。 开发环境Dreamweaver cs5.5.后台ASP.NET。
具体到压缩包内的文件,"Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar"很可能是包含所有源文件的压缩文件,包括HTML文件(可能命名为index.html)、CSS文件(如style.css)和JavaScript文件(如script.js)...
本资源包“安卓Android源码——Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip”正是一款基于这些技术的实例教程,旨在帮助开发者快速理解并掌握这一开发模式。 Phonegap是Adobe开发的一个开源框架,它允许...