cordova學習筆記_cordova外掛程式的使用(camera)__cordova

之前一篇簡單的介紹了項目的建立現在來看一下，cordova的外掛程式如何使用。添加cordova的外掛程式就可以調用手機原生的一些功能或者控制項。
首先添加相機外掛程式：

cordova plugin add cordova-plugin-camera

具體如何使用呢。

<div class="app">    <div class="divUpload">        <input type="button" value="選擇圖片" class="addButton" id="btnAddImg"/>        <div id="showImg" class="imgShowDiv" align="center">            <img id="imgShow" src="img/upload_img.png" class="imgShow"/>        </div>        <input type="button" value="上傳圖片" class="addButton" id="btnUploadImg"/>    </div>    <div id="divChoosePic" class="divChoosePic">        <input type="button" value="拍照" class="chooseButton" id="btnChooseFromCamera">        <input type="button" value="相簿" class="chooseButton" id="btnChooseFromLocal">        <input type="button" value="取消" class="chooseButton" id="btnCancelChoose">    </div></div></body><script type="text/javascript" src="cordova.js"></script><script>    var divChoosePic = initView("divChoosePic");    var imgShow = initView("imgShow");    //新增連絡人...    clickListener("btnAddImg", showChooseDiv);    clickListener("btnChooseFromCamera", callTakePicture);    clickListener("btnChooseFromLocal", addLocalPicture);    clickListener("btnCancelChoose", cancelChoosePic);    //拍照    function callTakePicture() {        showChooseDiv(2);        navigator.camera.getPicture(onSuccess, onFail, {            quality: 50,            destinationType: Camera.DestinationType.DATA_URL        });        function onSuccess(imageData) {            //將選擇的控制項放到要顯示的控制項上            imgShow.src = "data:image/jpeg;base64," + imageData;        };        function onFail(message) {            alert('Failed because: ' + message);        };    };    //選擇本地圖片    function addLocalPicture() {        showChooseDiv(1);        navigator.camera.getPicture(onSuccess, onFail, {            quality: 50,            destinationType: Camera.DestinationType.DATA_URL,            sourceType: Camera.PictureSourceType.PHOTOLIBRARY        });        function onSuccess(imageURL) {            //將選擇的控制項放到要顯示的控制項上            imgShow.src = "data:image/jpeg;base64," + imageURL;        };        function onFail(message) {            navigator.notification.alert('Failed because:'+message,"操作提示","確定");        };    };    function cancelChoosePic() {        alert("取消");        showChooseDiv(1);    };    //圖片選擇框顯示隱藏    function showChooseDiv(flag) {        if (flag === 1) {//隱藏            divChoosePic.style.display = "none";            return;        }        if (flag === 2) {//顯示            divChoosePic.style.display = "block";            return        }        divChoosePic.style.display = "block";    };</script>

以上。