Question

我正在尝试使用Cordova构建应用程序。使用该应用程序，您应该拍照，这些照片需要与拍照位置一起上传到数据库。默认情况下，该应用会显示x个最接近您居住位置的照片。在这里，我发布我现在拥有的javascript代码，其中大部分代码来自Cordova self。修改此代码还是重新开始更好？

我现在可以访问相机并拍照了，但是如何将照片和位置上传到数据库中？

又如何从数据库中加载最近的图片？

var Latitude = undefined;
var Longitude = undefined;

window.onload = function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
}

function onDeviceReady(){
    navigator.notification.alert("ready");
    document.getElementById("camera").addEventListener 
        ("click", cameraTakePicture); 
}

function cameraTakePicture() { 
    navigator.camera.getPicture(onSuccess, onFail, {  
       quality: 50, 
       destinationType: Camera.DestinationType.DATA_URL 
    });  

  function onSuccess(imageData, imageURI) { 
     var image = document.getElementById('myImage'); 
     image.src = "data:image/jpeg;base64," + imageData;
     getLocation();
     navigator.notification.alert(image.src);
  }  

  function onFail(message) { 
     alert('Failed because: ' + message); 
  } 
 }

 function getLocation() {
    navigator.notification.alert("start locatie");
    navigator.geolocation.getCurrentPosition(onPicturesSuccess, onPicturesError, { enableHighAccuracy: true });
 }

var onPicturesSuccess = function (position) {

  Latitude = position.coords.latitude;
  Longitude = position.coords.longitude;

  getPictures(Latitude, Longitude);
}

function getPictures(latitude, longitude) {
  //Load pictures which are the nearest
}

var onPicturesWatchSuccess = function (position) {

   var updatedLatitude = position.coords.latitude;
   var updatedLongitude = position.coords.longitude;

   if (updatedLatitude != Latitude && updatedLongitude != Longitude) {

     Latitude = updatedLatitude;
     Longitude = updatedLongitude;

     getPictures(updatedLatitude, updatedLongitude);
   }
}

// Error callback

function onPicturesError(error) {

   console.log('code: ' + error.code + '\n' +
       'message: ' + error.message + '\n');
}

// Watch your changing position

function watchPicturePosition() {

   return navigator.geolocation.watchPosition
   (onPicturesWatchSuccess, onPicturesError, { enableHighAccuracy: true });
}

Answer 1

您可以使用Cordova File Transfer Plugin将照片上传到后端服务（DB）。在FT插件中，您可以添加一些其他标题或属性，例如LAT和LON属性。

Answer 2

由于您没有特别提及它，因此我假设您可以在Cordova应用程序中访问jQuery。

您必须在onSuccess内进行AJAX调用，以将图像和位置提交到PHP服务器。下面是一个示例：

var request = {
  'url': 'path/to/your/php/script.php',
  'method': 'POST',
  'data': {
    'image': image.src,
    'location': getLocation()
  }
}
$.ajax(request).done(function(response) {
  // request is done
});

您的PHP服务器脚本必须获取传入的数据并将其保存到数据库中。

Cordova：将图像和位置上传到数据库，并加载最近的图像

2 个答案: