iphone camera access for mobile webpage

Question

For the mobile website of a project I need to add a image-uploading button which does allow the access of the Iphone camera. For example, the user does have his own profile and wants to add an avatar to that, he should have the possibility to make a photo, which is directly uploading to a database. Ive found some scripts where it is possible to access the photo-gallery, but i want to access the camera, which automatically uploads the picture...

Take a picture and upload

something like that! Any help is much appreciated,

Greets

Check this out maybe it can help you. http://stackoverflow.com/questions/3220423/access-camera-through-iphone-web-app — DROP TABLE users, Mar 20 '13 at 15:54
We recently did some researches and iphone support camera upload from iPhone 4S IOS6 / Safari — Damian0o, Mar 20 '13 at 15:55

score 3 · Accepted Answer · answered Mar 20 '13 at 15:56

3

If you have iOS 6 or greater you can use the

  <input type="file" accept="image/*" capture="camera">

answered Mar 20 '13 at 15:56

apollosoftware.org

12,161
4
48
69

for older you'd need to use some 3rd party library. i've seen one some time ago on Google Code. Just search around. – apollosoftware.org Mar 20 '13 at 16:05

score 1 · Answer 2 · answered Mar 20 '13 at 16:41

For iOS < 6, you can always implement an image picker yourself and then inject the captured image data into the html as base64 encoded data.

Take the picture, base 64 encode your captured image data, then, with jQuery, it should be quite simple:

[self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"$('#imagePlaceholder').attr('src','data:image/png;base64,%@');", base64ImageDataString]];

iphone camera access for mobile webpage

2 Answers2