List Headline Image
Updated by enterprisebyte on Nov 26, 2017
Headline for Multiple Image Selection Cordova Plugins - Guide for Developers
 REPORT
5 items   1 followers   0 votes   134 views

Multiple Image Selection Cordova Plugins - Guide for Developers

Learn how to select multiple images in PhoneGap using PhoneGap's Camera API, Media Capture API, Cordova image Picker. Also, know about the most popular PhoneGap image plugins.

This plugin defines a global navigator.camera object, which provides an API for taking pictures and for choosing images from the system's image library.

Although the object is attached to the global scoped navigator, it is not available until after the deviceready event.

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(navigator.camera);
}

Accessing Image Gallery using Ionic and ngCordova

Update Ionic & Cordova

This tutorial requires the latest possible nodeJs version you can use. You will not be able to download/update latest Ionic Framework or Cordova without it.

Now we can update Ionic, and Cordova. Just be warned, older versions may not work with this tutorial:

Select images from photo gallery in a Cordova (Phonegap) App on Android

A week after release we realised that Android phones sometimes duplicated the photos uploaded to the server from our app. Turned out to be a bit tricky to find the solution.  The problem only appeared on Androids. And only when adding more than one image. And only with images from the photo gallery (not from the camera).…

3 Tips For Selecting Multiple Images In PhoneGap Application Powered by RebelMouse

Maintaining the different set of codes for different mobile platforms – i.e. Android, iOS, Windows, and Blackberry - is no longer a practice smart organizations follow. People have realized the significance of creating multi-platform mobile apps that help to reduce time, cost and energy and cater to... Powered by RebelMouse

Selecting multiple images in a PhoneGap/Cordova app

A few days ago a reader asked me an interesting question: How can you select more than one image at a time in a PhoneGap/Cordova application? I did a bit of digging and came up with three different options for handling this. There are probably more, and if you would like to share how you’ve done it, please add a comment below.
Option One - Camera API

The Camera API only lets you select one image at a time, so it may seem like it isn’t a viable solution, but if your code simply keeps track of a list of selections, it may be an option. The user would need to click some button one time for each image they want to use, but depending on your use-case, that may be ok. For example, when I post a picture to Facebook, even though I can post multiple images, I can’t honestly remember the last time I did. If Facebook only let me select one existing picture at a time, it wouldn’t bother me at all, and that may work fine for your application too.