android, phonegap appareil photo et de l'image téléchargement

J'ai essayé de faire ce travail, une recherche google et ici depuis vendredi.
Mon but ultime est d'être en mesure de prendre plusieurs photos avec un titre et une description pour chaque et de les télécharger vers un serveur, puis de les afficher sur une page web.

Ce que j'ai jusqu'à présent: la capacité de donner une image, un titre et une description, parcourir la galerie, trouver une image et sélectionnez-la. MAIS quand je fais l'image est en ligne avec le formulaire, immédiatement. Je voudrais être capable de faire cela à l'aide d'un bouton de soumission.

J'ai aussi un bouton pour prendre une image à la place, et un aperçu de l'image sur la page apparaît. MAIS quand je dois prendre une photo avec l'appareil photo, je ne sais pas comment envoyer mon formulaire. J'ai été en mesure de les afficher à l'écran les données de l'image à l'aide d'un div et innerHTML appel... mais honnêtement, je suis perdu et ne sais même pas par où commencer à poster spécifiques des bouts de code. Je vais poster l'intégralité de la page telle qu'elle existe actuellement droit maintenant....

<html>
<head>
<title>File Transfer Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
<script type="text/javascript" charset="utf-8">
var pictureSource;   //picture source
var destinationType; //sets the format of returned value
//Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
//Cordova is ready
//
function onDeviceReady() {
pictureSource=navigator.camera.PictureSourceType;
destinationType=navigator.camera.DestinationType;
}
function browse(){
navigator.camera.getPicture(uploadPhoto,
function(message) { alert('get picture failed'); },
{ quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY }
);
}
function uploadPhoto(imageURI) {
var options = new FileUploadOptions();
options.fileKey="file";
options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
options.mimeType="image/jpeg";
var params = {};
params.value1 = "test";
params.value2 = document.getElementById('file_name').value + "";
params.value3 = document.getElementById('file_description').value + "";
options.params = params;
var ft = new FileTransfer();
ft.upload(imageURI, encodeURI("http://site.com/pages/upload.php"), win, fail, options);
}
function win(r) {
console.log("Code = " + r.responseCode);
console.log("Response = " + r.response);
console.log("Sent = " + r.bytesSent);
}
function onFileSystemSuccess(fileSystem) {
console.log(fileSystem.name);
}
function onResolveSuccess(fileEntry) {
console.log(fileEntry.name);
}
function fail(evt) {
console.log(evt.target.error.code);
}
function fail(error) {
alert("An error has occurred: Code = " + error.code);
console.log("upload error source " + error.source);
console.log("upload error target " + error.target);
}
function capturePhoto() {
//Take picture using device camera, allow edit, and retrieve image as base64-encoded string  
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true,
destinationType: destinationType.DATA_URL });
}
function onPhotoDataSuccess(imageData) {
//console.log(imageData);
var smallImage = document.getElementById('smallImage');
smallImage.style.display = 'block';
smallImage.src = "data:image/jpeg;base64," + imageData;
var smallTEXT = document.getElementById('smallTEXT');
smallTEXT.style.display = 'block';
smallTEXT.innerHTML = "data:image/jpeg;base64," + imageData;
}
function onPhotoURISuccess(imageURI) {
//Uncomment to view the image file URI 
//console.log(imageURI);
//Get image handle
//
var largeImage = document.getElementById('largeImage');
//Unhide image elements
//
largeImage.style.display = 'block';
largeImage.src = imageURI;
}
function capturePhoto() {
//Take picture using device camera and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
destinationType: destinationType.DATA_URL });
}
//Called if something bad happens.
//
function onFail(message) {
alert('Failed because: ' + message);
}
</script>
</head>
<body>

    <h1>Example</h1>
<p>Upload File</p>
<form name ="filename" id="file_name_form" action="#">
Title <br><input type="text" name="name" id="file_name" /><br>
Description <br><textarea type="text" name="description" id="file_description" /></textarea>
</form>
<button onclick="capturePhoto();">Use Camera</button> <br>
<button onclick="browse();">browse gallery</button><br>
<img style="display:none;width:160px;" id="smallImage" src="" />
<hr>
<div id="smallTEXT">ggg</div>
<button onclick"uploadPhoto();">submit</button>
</body>

Votre parcourir les appels de méthode uploadPhoto de sorte qu'il fonctionne comme il le devrait. L'appel à la Caméra.getPicture ne pouvez pas sélectionner plusieurs photos si c'est ce que vous êtes après.
C'est une partie du problème, je voudrais le télécharger une photo pour être indépendant à partir de la navigation..et je voudrais l'appareil photo pour pouvoir être utilisé à la place de la galerie..?
quelqu'un peut-il m'expliquer comment envoyer cette, sans image? la forme seule? merci

OriginalL'auteur quick_learner42 | 2013-01-21