2012-03-13 55 views
4

我想放在一起的一個小phonegap應用程序上傳圖像到協作網站。我已經看過教程和API。到目前爲止,我有捕獲的圖像,但我堅持把它送到服務器。我希望能夠使用jQuery來完成Ajax。我的jquery似乎停止了圖像捕獲btn的工作,當我將它拿出btn作品並捕獲圖像時。除了jQuery之外,還有其他的方法可以做到這一點,或者我只是一個笨蛋而錯過了一些東西?我對phonegap非常陌生。上傳圖片到服務器與phonegap(w/jQuery的AJAX)

$(document).ready(function() { 

function capturePhoto() { 
    // Take picture using device camera and retrieve image as base64-encoded string 
    navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 }); 

} 


function onFail(message) { 
    alert('Failed because: ' + message); 
} 

function onPhotoDataSuccess(imageData) { 

    var url = 'http://www.creativetree.co/phonegapupload.php'; 
    var params = {image: imageData}; 
    navigator.notification.alert('photo taken');  


    $.post(url, params, function(data) { 

      // Display the selected image on send complete 
      $('#image').attr('src', 'data:image/jpeg;base64,' + params['image']); 

     }); 
} 

}); 

回答

0

是好的,我在應用幾次做到了。 但是,棘手的部分可能是編碼/解碼,並確保PHP正確處理它。確保PHP不期望實際的圖像(二進制)。