cordova - カメラにアクセスするためのJqueryMobileとphonegapの統合

Question

HTML5 JqueryモバイルアプリケーションをPhonegapと統合して、バーコードをスキャンするためにカメラにアクセスしようとしていますが、phonegapを使用してカメラにアクセスする例は見つかりませんでした。

「http://docs.phonegap.com/en/1.0.0/phonegap_camera_camera.md.html」で例を試しましたが、navigator.cameraが未定義です。

Answer 1

HTMLファイルにこれを入れてください：

<a href="#" onClick="captureImage();" data-role="button">Take a picture</a>

そしてあなたのJSにこれを入れてください：

function captureImage(){
    //SET LIMIT TO THE NUMBER OF PICTURES YOU WANT TO CAPTURE AT ONCE
    navigator.device.capture.captureImage(captureImageSuccess, captureError, {limit: 1});    
}

//ON CAPTURE SUCCESS
function captureImageSuccess(mediaFiles) {  
    var i, len;
    var formatSuccess = function (mediaFile) {
        //DO SOMETHING ON SUCCESS
    };

    //IF YOU ARE CAPTURING MULTIPLE FILES
    for (i = 0, len = mediaFiles.length; i < len; i += 1) {
        mediaFiles[i].getFormatData(formatSuccess, formatError);
        console.log("path: " + mediaFiles[i].fullPath);
        console.log("path: " + mediaFiles[i].name);

        //DO SOMETHING WITH THE CAPTURED FILES

    } 
    console.log("captureImageSuccess");
}

//error functions
function captureError(error) {
    var msg = 'An error occurred during capture: ' + error.code;
    navigator.notification.alert(msg, null, '');
}
function formatError(error) {
    alert("Error getting file format data: " + error.code); 
}