使用 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 不需要实际图像（二进制）。