Jquery手機與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); 
}