首页 > 代码库 > 使用phonegap进行拍照

使用phonegap进行拍照

2024-09-11 06:25:46   206人阅读

<!DOCTYPE html>
<html>

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

		<script type="text/javascript" charset="UTF-8" src="http://www.mamicode.com/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进行拍照


联系
我们