2012-03-13 11 views
4

画像をコラボレーションサイトにアップロードするために小さなphonegapアプリをまとめようとしています。私はチュートリアルとAPIを見てきました。これまでのところ、私はイメージをキャプチャしていますが、私はサーバーに手を差し伸べていません。私はjQueryを使ってAjaxを使うことを望んでいました。私のjqueryは、イメージキャプチャbtnの作業を停止するようだ、私はbtnの作品を取り出し、イメージをキャプチャします。私はこれを行うことができますjquery以外の別の方法はありますか私は単にplonkerされて何かを欠けている?私は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

AJAX経由BASE64などのイメージを掲載結構ですが、私はアプリの数回でそれを行っています。 しかし、難しい部分は、エンコード/デコードと、PHPが正しく処理することを確認することです。 PHPが実際のイメージ(バイナリ)を期待していないことを確認してください。

関連する問題