随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)
<!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="https://img-blog.csdnimg.cn/2022010708132885564.jpeg"+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>