Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


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; } 
FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.