我试着把一个小的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']);
});
}
});
2条答案
按热度按时间ycl3bljg1#
phonegap api有一个这样的例子:http://docs.phonegap.com/en/1.5.0/phonegap_file_file.md.html#FileTransfer
cbwuti442#
通过 AJAX 发布base64格式的图片是可以的,我已经在应用程序中做过好几次了。然而,棘手的部分可能是编码/解码,并确保php正确处理它。确保PHP不期望实际的图片(二进制)。