android—— cordova調(diào)用原生相機(jī)

額。。相關(guān)的下載和集成就不說(shuō)了,直接說(shuō)說(shuō)怎么調(diào)用原生相機(jī)吧。

首先,先添加相關(guān)的插件

cordova plugin add cordova-plugin-camera

然后,瞅瞅自己插件有木有加進(jìn)去

cordova plugin list

如果加進(jìn)去了,是醬嬸的~

FEF5D853-3BCD-4079-8CF0-EBFB52CDB563.png

備注:命令行記得切換到相應(yīng)的工程下面哦~不然, 會(huì)出現(xiàn)
Error: Current working directory is not a Cordova-based project.
這樣子的錯(cuò)誤

然后用androidstudio打開(kāi)相應(yīng)的工程(不用AS打開(kāi)也可以),工程下面的 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)行出來(lái)以后覺(jué)得好容易,但是自己真正去動(dòng)手的時(shí)候會(huì)出現(xiàn)好多問(wèn)題。
比如:我button加上 onclick="capturePhoto();" 以后一度報(bào)錯(cuò),因?yàn)椴皇亲銮岸说?,也不是很具體知道為啥,后來(lái)在stackoverflow找到了類(lèi)似的答案,試試跟著一起改啥的。
主要是參考了cordova的官網(wǎng)和CSDN上的博客結(jié)合著起來(lái)看:
http://blog.csdn.net/u013491677/article/details/51985390
http://cordova.axuer.com

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,365評(píng)論 25 708
  • 導(dǎo)語(yǔ) 這篇文章主要介紹了如何在Android平臺(tái)上使用Cordova 的command-line interfac...
    jorstinchan閱讀 22,842評(píng)論 6 41
  • ionic是一個(gè)運(yùn)行在webview上的應(yīng)用,但是很多功能js搞不定,免不了本地代碼的支持。ionic在nativ...
    李澤1988閱讀 3,154評(píng)論 0 3
  • 剛剛從表弟那里聽(tīng)來(lái)的,說(shuō)新生入校,傳說(shuō)宿舍里鬧鬼。當(dāng)天晚上掃帚就自動(dòng)移動(dòng)起來(lái),室長(zhǎng)聽(tīng)見(jiàn)鄰鋪有動(dòng)靜,連忙爬過(guò)去“噓!...
    洞庭府君閱讀 317評(píng)論 0 4
  • 你好啊 你好啊 天空,櫻花悄悄睜開(kāi)惺忪的睡眼好奇地打量著一切。
    星清月明閱讀 257評(píng)論 0 1

友情鏈接更多精彩內(nèi)容