Hi folks, a few weeks ago I asked if a web app could capture and download a picture from a mobile device's camera. Someone pointed me to the enhanced HTML5 element like this:
<input type="file" accept="image/*;capture=camera"> Now we have to create a simple demo that captures a photo from an iPad and uploads to a folder on a server. So I search for various combinations of the words "html5 capture camera mobile upload" etc for some samples and get hundreds of hits, but they're all different. There are different html elements, different JS function usage and events and different claims about what works on different devices and browsers. I haven't started yet, but I expect it could takes hours (or days) of coding and suffering to work out what reliably works, and it will be a slog as I will have to keep deploying app changes and driving it with a tablet device. So before I create an ASP.NET app to serve the html and receive the uploaded photos, I thought I'd ask here first for any general advice about how to cut through the crap and focus on what really works. Can anyone point me to a trustworthy sample? There seems to general agreement that you listen for a change event on the <input> element, then POST the file(s) to a server url who receives, extracts and saves the files. It sounds easy, but the dozens of samples I've seen vary wildly in the details of how the various steps are performed. Some people are even using completely different JS techniques and libraries. *Greg K*
