Geek Answers Handbook

Phonegap / cordova select multiple photos

Does anyone know if it is possible to select multiple photos from an album using phonegap / cordova?

It’s quite easy to create an application to select one photo using the documentation, but it’s not documented how to select multiple photos.

Maybe I need a plugin for it (iOS / Android)? Or a workaround? This problem is actually a telltale plug for me, so a decent solution for this would be great.

+2
cordova phonegap-plugins
source share
2 answers

Functionality is currently not available in the core API. However, there is an extension request. At this stage, it is best to write a plugin.

+3
source share

For multiple selection, I used a file plugin that recursively iterates over all directories and finds an image. It ignores the hidden file.

var numDirs = 0; var numFiles = 0; var ImageFilePath = new Array(); function GetAllImageFromSD() { window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, onFileSystemSuccess, fail); } function onFileSystemSuccess(fileSystem) { fileSystem.root.getDirectory("/sdcard", { create: false, exclusive: false }, getDirSuccess, fail); } function getDirSuccess(dirEntry) { var directoryReader = dirEntry.createReader(); // Get a list of all the entries in the directory directoryReader.readEntries(readerSuccess, fail); } var readerTimeout = null, millisecondsBetweenReadSuccess = 1000; function readerSuccess(entries) { String.prototype.startsWith = function (str) { return (this.match("^" + str) == str) } var i = 0, len = entries.length; for (; i < len; i++) { if (entries[i].isFile) { if ((entries[i].name.indexOf(".jpeg") != -1) || (entries[i].name.indexOf(".png") != -1) || (entries[i].name.indexOf(".jpg") != -1)) { var fileName = entries[i].name; if (!fileName.startsWith(".")) { numFiles++; ImageFilePath.push(entries[i].fullPath) // console.log("file "+entries[i].fullPath) } } } else if (entries[i].isDirectory) { numDirs++; // console.log("directory "+entries[i].name) var dirName = entries[i].name; if (!dirName.startsWith(".")) { getDirSuccess(entries[i]); } } if (readerTimeout) { window.clearTimeout(readerTimeout); } } if (readerTimeout) { window.clearTimeout(readerTimeout); } readerTimeout = window.setTimeout(weAreDone, millisecondsBetweenReadSuccess); } function weAreDone() { console.log("numDirs " + numDirs); console.log("numFiles " + numFiles); var a = ""; var GalleryImageTag = ""; GalleryImageTag = "<div class='spacingbox'></div> "; for (var j = 0; j < ImageFilePath.length; j++) { GalleryImageTag += "<div class='divgallery divcolor'>" var ChkId = "chk" + j; GalleryImageTag += "<img class='imggallery' id='" + j + "' src=' " + ImageFilePath[j] + "'alt=''/>"; GalleryImageTag += "<input id='" + ChkId + "' name='" + ChkId + "' type='checkbox' value='" + ImageFilePath[j] + "' class='allignchk'>"; GalleryImageTag += "</div>"; } $('#ImageContainer').html(''); $('#ImageContainer').append(GalleryImageTag); $('#GalleryView').popup("open"); numDirs = 0; numFiles = 0; ImageFilePath = []; console.log(GalleryImageTag); }

This code may take some time if there are a lot of images.

+3
source share

More articles:


All Articles