`
guoqiantong
  • 浏览: 14523 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

PhoneGap+Jquery+Html5从照相机和手机相册获取图片

阅读更多
<!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>


其他功能将陆续放出~
分享到:
评论
1 楼 依然最晴天 2014-08-21  
我怎么没测试成功啊!

相关推荐

    PhoneGap+Jquery+Html5实现远程登录功能(附带源码)

    PhoneGap是一种开源框架,它允许开发者使用HTML5、JavaScript和CSS3等Web技术来构建原生的移动应用程序。结合jQuery和HTML5,我们可以创建出跨平台的移动应用,包括实现远程登录功能。在这个项目中,我们将探讨如何...

    android+phonegap+jquery mobile

    这段描述表明这个项目提供了一个实际的示例,用于教授如何结合PhoneGap和jQuery Mobile利用HTML5和CSS3开发移动应用。HTML5是现代网页开发的核心标准,它引入了许多新特性,如离线存储、媒体元素和拖放功能,使得在...

    PhoneGap+jQueryMobile开发Android应用实例

    PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境

    PhoneGap+JQuery示例项目

    PhoneGap+jQuery示例项目是一个将这两者结合的实践应用,旨在帮助开发者了解如何使用PhoneGap框架和jQuery库创建跨平台的移动应用程序。PhoneGap是一个开放源代码的开发框架,它允许开发人员使用HTML、CSS和...

    phonegap+jqueryMobile例子

    在这个“phonegap+jqueryMobile例子”中,我们将深入探讨这两个工具如何协同工作,以及如何利用它们创建Android应用程序。 PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。...

    PhoneGap+Jquery mobile汇率计算器

    总的来说,"PhoneGap+jQuery Mobile汇率计算器"实例展示了如何将Web技术应用于移动开发,利用PhoneGap实现跨平台能力,利用jQuery Mobile提升用户体验。通过学习和实践这个实例,开发者不仅可以掌握这两种技术的基本...

    PhoneGap+Jquery mobile

    PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...

    用PhoneGap+jQueryMobile开发Android应用实例

    用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。

    基于html5 +phonegap + jquery mobile 实现的手机APP.zip

    综上所述,这个项目利用HTML5的多媒体特性创建Web应用,借助PhoneGap将其转换为可在不同移动设备上运行的原生应用,再通过jQuery Mobile优化用户界面和交互体验,实现了跨平台的手机APP开发。这个过程中,开发者需要...

    PhoneGap+javascript+html5 扫描二维码

    标题提到的"PhoneGap+javascript+html5 扫描二维码"是指利用PhoneGap框架,结合JavaScript和HTML5的特性来实现二维码扫描功能。在移动应用中,二维码扫描是非常实用的功能,可以用于快速数据交换、链接跳转、会员...

    【叨、校长】PhoneGap+jQuery Mobile+Rest 访问远程数据

    PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中,PhoneGap是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架,...

    phonegap+jqueryMobilejs源码项目

    在这个"phonegap+jqueryMobilejs源码项目"中,我们可以期待看到以下关键知识点: 1. **PhoneGap环境搭建**:首先,我们需要安装PhoneGap的开发环境,包括Node.js、Apache Cordova和对应的平台SDK(如Android SDK或...

    jQuery+Mobile+和+PhoneGap+集成开发.pdf

    ### jQuery Mobile和PhoneGap集成开发 #### jQuery Mobile介绍 jQuery Mobile是一个针对移动设备优化的HTML5框架,用于构建响应式网站和应用程序。它是jQuery库的一个扩展,利用了jQuery的核心特性,并针对触控屏...

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载

    html5讲义-整合phonegap和jquery mobile

    整合PhoneGap和jQuery Mobile可以更快地开发出跨平台的移动应用,因为可以利用PhoneGap的跨平台部署能力,以及jQuery Mobile的响应式设计和界面元素。 5. 示例参考 文档中提到了几个快速整合PhoneGap和jQuery ...

    HTML5+PhoneGAP+JQM门店源代码框架

    HTML5+PhoneGAP+JQM门店源代码框架。 未完成,包括后台JSON部分。自己查找,后来我屏蔽掉了,但是效果是好的,由于模拟器太慢了,最后屏蔽了,但是代码可用。 开发环境Dreamweaver cs5.5.后台ASP.NET。

    小程序源码 Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip

    具体到压缩包内的文件,"Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar"很可能是包含所有源文件的压缩文件,包括HTML文件(可能命名为index.html)、CSS文件(如style.css)和JavaScript文件(如script.js)...

    安卓Android源码——Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip

    本资源包“安卓Android源码——Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip”正是一款基于这些技术的实例教程,旨在帮助开发者快速理解并掌握这一开发模式。 Phonegap是Adobe开发的一个开源框架,它允许...

Global site tag (gtag.js) - Google Analytics