话不多说,请看代码:
<!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(imageURI){
var myImage=document.getElementById('myImage');
myImage.style.display='block';
myImage.src=imageURI;
}
//失败回调
function onPhotoFail(message){
alert('Failed beacause:'+message);
}
//获取照片
function getPhoto(source){
navigator.camera.getPicture(onPhotoSuccess,onPhotoFail,{quality:50,sourceType:source});
}
</script>
</head>
<body>
<button onclick="getPhoto(Camera.PictureSourceType.PHOTOLIBRARY);"> From Photo Library</button><br>
<img style="display:none;" id="myImage" src=""/>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎点击右下角反馈进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。