Question

我正在尝试整理一个小型的phonegap应用，将图片上传到协作网站。我查看了教程和API。到目前为止，我已经捕获了图像，但我仍然坚持将其送到服务器。我希望用jquery来ajax它。我的jquery似乎停止了图像捕获btn工作，当我把它取出btn工作并捕获图像。还有除了jquery之外的其他方法我可以做到这一点，或者我只是在做一个plonker并且缺少一些东西？我是电话界的新手。

$(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不期望实际图像（二进制）。

使用phonegap将图像上传到服务器（使用/ jquery ajax）

2 个答案: