額溉箕。悦昵。相關(guān)的下載和集成就不說了,直接說說怎么調(diào)用原生相機(jī)吧寡痰。
首先棋凳,先添加相關(guān)的插件
cordova plugin add cordova-plugin-camera
然后拦坠,瞅瞅自己插件有木有加進(jìn)去
cordova plugin list
如果加進(jìn)去了剩岳,是醬嬸的~
備注:命令行記得切換到相應(yīng)的工程下面哦~不然, 會(huì)出現(xiàn)
Error: Current working directory is not a Cordova-based project.
這樣子的錯(cuò)誤
然后用androidstudio打開相應(yīng)的工程(不用AS打開也可以)卢肃,工程下面的 assets/www/js 這個(gè)文件夾下建一個(gè) photo.js (名字任意取啦~) 才顿。里面的內(nèi)容是:
document.addEventListener('deviceready', function () {
document.getElementById('btn')
.addEventListener('click', capturePhoto);
});
function capturePhoto(){
if (!navigator.camera) {
alert('camera:')
}
navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.DATA_URL}
);
}
//拍照成功
function onSuccess(imageData){
alert('拍照成功啦');
var image = document.getElementById('smallImage');
image.src = "data:image/jpeg;base64," + imageData;
}
function onFail(message){
alert('拍照失敗:' + message);
}
然后尤蒿,找到 index.html 修改body內(nèi)容
<body style="padding-top:50px">
<button id="btn" style="font-size:23px;">拍攝照片</button> <br>
<div>
![](img/logo.png)
</div>
</body>
最后,記得加一行
<script type="text/javascript" src="js/photo.js"></script>
然后運(yùn)行就可以拍照啦~
雖然腰池,運(yùn)行出來以后覺得好容易,但是自己真正去動(dòng)手的時(shí)候會(huì)出現(xiàn)好多問題示弓。
比如:我button加上 onclick="capturePhoto();" 以后一度報(bào)錯(cuò),因?yàn)椴皇亲銮岸说淖嗍簦膊皇呛芫唧w知道為啥,后來在stackoverflow找到了類似的答案囱皿,試試跟著一起改啥的。
主要是參考了cordova的官網(wǎng)和CSDN上的博客結(jié)合著起來看:
http://blog.csdn.net/u013491677/article/details/51985390
http://cordova.axuer.com