Sélection de plusieurs photos dans la galerie d'images d'un périphérique à l'aide de PhoneGap

J'ai pu créer une application de test basée sur la caméra.getPicture exemple complet dans la documentation de PhoneGap. Cela me permet de prendre une photo ou de récupérer une photo de la galerie et de la placer dans une division.

Cependant, je souhaite pouvoir sélectionner plusieurs images de la galerie et placer chacune dans sa propre div. Quelqu'un peut-il me diriger dans la bonne direction pour apprendre à accomplir cela?

Merci.

Voici le javascript que j'utilise:

var pictureSource; // picture source var destinationType; // sets the format of returned value // Wait for PhoneGap to connect with the device document.addEventListener("deviceready",onDeviceReady,false); // PhoneGap is ready to be used! function onDeviceReady() { pictureSource=navigator.camera.PictureSourceType; destinationType=navigator.camera.DestinationType; } // Called when a photo is successfully retrieved function onPhotoDataSuccess(imageData) { var largeImage = document.getElementById('largeImage'); largeImage.style.display = 'block'; largeImage.src = "data:image/jpeg;base64," + imageData; } function onPhotoURISuccess(imageURI) { var largeImage = document.getElementById('largeImage'); largeImage.style.display = 'block'; largeImage.src = imageURI; } // A button will call this function function capturePhoto() { //add new div var newPhoto = document.createElement("div"); newPhoto.id = "div"; newPhoto.className ="photo"; newPhoto.innerHTML = "<img id='largeImage' src='' />"; document.getElementById("photos").appendChild(newPhoto); // Take picture using device camera and retrieve image as base64-encoded string navigator.camera.getPicture(onPhotoDataSuccess, onPhotoURISuccess, onFail, { quality: 50 }); } // A button will call this function function getPhoto(source) { //add new div // Retrieve image file location from specified source navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, destinationType: destinationType.FILE_URI, sourceType: source }); } // Called if something bad happens. function onFail(message) { alert('Failed because: ' + message); 

  • WebApp utilisant WebRTC pour vidéochat multiplate-forme dans iOS Browser et Android Chrome
  • Alternative à getUserMedia () pour lire le flux de caméra en direct sur iOS?
  • Ajouter des lignes à une base de données sqlite en utilisant une boucle (Phonegap)
  • Récupération de la touche arrière sur PhoneGap pour Android
  • Passer la variable d'Android à JavaScript lancé dans la visualisation web
  • Reprenez la vision du Web Android lorsque vous êtes en panne par OS / exécutez JavaScript sur l'application en arrière-plan?
  • Set Drag Listener sur SpannableString
  • Comment sortir de Twitter dans le navigateur de l'application dans Android?
  • 2 Solutions collect form web for “Sélection de plusieurs photos dans la galerie d'images d'un périphérique à l'aide de PhoneGap”

    À partir de Phonegap 3.5, il n'y a pas de support pour sélectionner plusieurs images en même temps. Vous devrez écrire ou trouver un plugin qui fonctionnera avec le code natif pour vous permettre de le faire. Voici le problème décrit dans le plan de développement Phonegap. https://issues.apache.org/jira/browse/CB-1215

    Je travaille aussi pour faire cela. Voici un lien pour une solution Android.

    http://webcache.googleusercontent.com/search?q=cache:http://www.technotalkative.com/android-select-multiple-photos-from-gallery/

    Vous devez créer le div dynamiquement après chaque photo est prise. Votre rappel de succès serait quelque chose comme ceci:

     function onPhotoDataSuccess(imageData) { // the following is all one line. document.getElementById("photos").innerHTML+= "<div>\ <img src=\"data:image/jpeg;base64,"+imageData+"\">\ </div>"; } 

    Alors vous pouvez définir tous les imgs via css en utilisant quelque chose comme ça

     #photos > div { width: 100px; margin:10px; float:left; } 
    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.