I would like to create a Web App where the user can select and upload multiple images from the phone's image gallery. This function works fine on iOS, but it seems to be broken on android:
<form action="" method="post" enctype="multipart/form-data">
<input type="file" id="file" name="files[]" multiple="multiple" accept="image/*"/>
<input type="submit" value="Upload!" />
</form>
I have read several posts where people claim to be fixed in the Chrome Web Browser, but I still can't get it to work.
Thanks!
here is the code I was using for desktop:
<input type="file" id="deviceImages" multiple accept=".jpg,.gif,.png,.jpeg"/>
we thought we needed two, here's the one for mobile:
<input type="file" id="deviceCamera" multiple accept="image/*"/>
but what we noticed was that when you choose the "desktop" link it gave you an option to upload from the Documents
, and this allowed multiple select by long pressing first.
but from the "mobile" (image/*) input it let you select from Camera
or some apps, but not Documents
, and you weren't able to multi-select from them.
so now i'm just using:
<input type="file" multiple accept="image/*,.jpg,.gif,.png,.jpeg"/>
this gives me access to select from Documents
and Camera
but not any of the apps, but at least Documents
allows you to select multiple images.
hopefully someone knows code to allow the apps as well!
UPDATE
we are now just using
<input type="file" id="deviceImages" multiple accept="image/*">
this gives you the apps, but not the Documents
on my s4. you need to choose the right one for your site, but then the users need to know how to select multiple images based on the app that they use. using Gallery
didn't work as well for me, so I started using Photos
and that allowed me to multi-select images. HTH!