Selección de varias fotos de la galería de imágenes de un dispositivo mediante PhoneGap

Pude construir una aplicación de prueba basada en el ejemplo completo de camera.getPicture en la documentación de PhoneGap. Me permite tomar una foto o recuperar una foto de la galería y colocarla en una div.

Sin embargo, quiero ser capaz de seleccionar varias imágenes de la galería y colocar cada uno en su propia div. ¿Puede alguien señalarme en la dirección correcta para aprender a lograr esto?

Gracias.

Aquí está el javascript que estoy usando:

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); 

2 Solutions collect form web for “Selección de varias fotos de la galería de imágenes de un dispositivo mediante PhoneGap”

A partir de Phonegap 3.5 no hay soporte para seleccionar varias imágenes al mismo tiempo. Tendrás que escribir o encontrar un complemento que funcione con el código nativo para que puedas hacerlo. Este es el problema descrito en el plan de desarrollo de Phonegap. https://issues.apache.org/jira/browse/CB-1215

Estoy trabajando en hacer esto también. Aquí hay un enlace para una solución de Android.

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

Usted necesita crear el div dinámicamente después de cada foto se toma. Su devolución de llamada de éxito sería algo como esto:

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

Entonces usted puede estilo todos los imgs a través de css utilizando algo como esto

 #photos > div { width: 100px; margin:10px; float:left; } 
  • Android utiliza V8 sin WebView
  • La aplicación Android PhoneGap no clasifica el contenido de forma equivalente a la página de Chrome / navegador
  • Acceso denegado utilizando almacenamiento local en Android WebView
  • ¿Hay algún evento javascript disparado cuando se abre el teclado en pantalla en safari móvil o cromo?
  • Vista web de Android con GSAP: intenta eliminar la referencia local que no sea JNI,
  • Error al construir cordova App - No se pudo encontrar la propiedad 'cdvCompileSdkVersion'
  • Cambios en una página web a través de JavaScript que no aparecen en WebView. ¿Hay una manera de forzar el WebView para volver a dibujar su contenido?
  • Javascript y la reproducción se detiene pausas y se detiene en desplazamiento en el navegador de Android
  • Aplicación Android phonegap que tiene problemas con SQlite y almacenamiento local en dispositivos Samsung Galaxy
  • ¿Cómo puedo compartir una imagen con mi aplicación de Cordova / PhoneGap desde otra aplicación?
  • Evitar el reflujo de documentos / el tamaño del navegador cuando se abre el teclado de Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.