使用 phonegap (w/jquery ajax) 將圖像上傳到服務器

Question

我正在嘗試組合一個小的 phonegap 應用程序來將圖像上傳到協作站點。 我查看了教程和 API。 到目前為止，我已經捕獲了圖像，但我堅持將其發送到服務器。 我希望將 jquery 用於 ajax。 我的 jquery 似乎停止圖像捕獲 btn 工作，當我取出 btn 工作並捕獲圖像時。 除了jquery，還有其他方法可以做到這一點，或者我只是一個笨蛋而錯過了什么？ 我對phonegap很陌生。

$(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']);

        });
}

});

Answer 1

phonegap api 有一個這樣的例子： http ://docs.phonegap.com/en/1.5.0/phonegap_file_file.md.html#FileTransfer

Answer 2

通過 ajax 將圖像發布為 base64 很好，我已經在應用程序中做過幾次了。 然而，棘手的部分可能是編碼/解碼並確保 php 正確處理它。 確保 PHP 不需要實際圖像（二進制）。