javascript - 使用 phonegap(w/jquery ajax)将图像上传到服务器

Question

我正在尝试组装一个小型 phonegap 应用程序以将图像上传到协作站点。我查看了教程和 API。到目前为止，我已经捕获了图像，但我一直坚持将其发送到服务器。我希望将 jquery 用于 ajax 结束。我的 jquery 似乎停止了图像捕获 btn 的工作，当我将它取出 btn 工作并捕获图像时。除了 jquery 之外，还有其他方法我可以做到这一点，或者我只是一个 plonker 而遗漏了什么？我对 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