<!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开发的一个开源框架，它允许...