使用phonegap进行拍照

原创 2016年08月30日 17:40:18
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Take a Photo</title>

		<script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
		<script type="text/javascript" charset="UTF-8">
			document.addEventListener("deviceready", onDeviceReady, false);

			function onDeviceReady() {
			}
			
			//成功回调
			function onPhotoSuccess(imageData){
				var myImage=document.getElementById('myImage');
				myImage.style.display='block';
				myImage.src="data:image/jpeg;base64,"+imageData;
			}
			
			//失败回调
			function onPhotoFail(message){
				alert('Failed beacause:'+message);
			}
			
			//拍照
			function capturePhoto(){
				navigator.camera.getPicture(onPhotoSuccess,onPhotoFail,{quality:50});
			}
			
		</script>
	</head>

	<body>
		<button onclick="capturePhoto();"> Capture Photo</button><br>
		<img style="display:none;width: 60px;height:60px;" id="myImage" src=""/>
	</body>

</html>

使用PhoneGap Desktop App 0.1.1 Beta进行多系统开发

首先先说明,这里的多系统指的是ios、android和WP这3个系统,也囊括了现在主流的手机应用市场...
  • u1031
  • u1031
  • 2015年01月25日 12:48
  • 833

使用phonegap进行移动跨平台在Android平台开发所遇到的问题

手头上的跨平台项目进行了差不多有两周了,从Windows8版本移植到Android平板版本过程中遇到了很多问题,但也取得了一些小突破。 1、  首先Android和IOS系统是不支持IndexedDB...

PhoneGap/Cordova学习笔记--4.使用HTML5进行页面布局

上一小节中,了解了PhoneGap/Cordova插件的基础使用,本节将学习使用HTML5进行页面布局HTML5在移动开发中的准则尽量使用单页面开发(SPA)single-page applicati...
  • Sjim_
  • Sjim_
  • 2015年12月29日 20:51
  • 1386

phonegap拍照上传

  • 2015年06月25日 09:21
  • 532KB
  • 下载

3.使用DShow进行摄像头预览并拍照

上一篇讲了怎么采集摄像头图像并预览,本篇主要讲预览的同时怎么拍照。 拍照就需要抓取图像,这里要用到一个不太一样的Filter,叫SampleGrabber Filter,通过这个Filter可以获取到...
  • klamen
  • klamen
  • 2017年02月10日 13:03
  • 1133

Android中使用系统相机进行拍照并获取高清照片(一)

The only way to keep your health is to eat what you don't want ,drink what you don't like and do wh...

Android 调用系统相机进行拍照 使用自带的图片选择器和裁剪工具

一、背景 最近项目中用到了手机拍照,图片的选取的功能,这类功能差不多已经被用烂了,而且网上也有许多很好的第三方库,但是有的时候,项目对于这类功能并没有什么大的要求,只需要简单实现其功能即可。调用系统...
  • jc_0203
  • jc_0203
  • 2017年06月05日 18:54
  • 202

使用手机的摄像头进行拍照

package cn.itcast.camera; import java.io.File; import java.io.FileNotFoundException; import java.io...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用phonegap进行拍照
举报原因:
原因补充:

(最多只允许输入30个字)