How to program "Camera choose from photo library or Take a photo"

Question

1.00/5 (1 vote)

See more:

Hello Experts,

I have a website that is on live. My customers wanted a new feature in it. The website is to submit online claim forms. There are some cases where user needs to send an image of original Invoice/ bill. When used on Ipad/ Iphone/ any phone with this feature they want to upload an image either by capturing the picture or choosing from photo library.
Now I am stuck with ideas/ examples/ tutorials.
and yeah it should work only when the computer/phone has camera in it.
Any tutorials and ideas are appreciated.
Please help me in knowing how to achieve this.

Your help is much appreciated

Posted 11-May-15 9:19am

sudevsu

Updated 11-May-15 9:33am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2015-05-11T10:38:00

Solution 1

I think there are no problems with uploading files. This can be done in a Web form.

The online capture is much more problematic. I would advise using WebRTC for sending media from browser. Start here:
http://en.wikipedia.org/wiki/WebRTC[^],
http://www.html5rocks.com/en/tutorials/webrtc/basics[^],
https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC[^],
http://www.w3.org/TR/webrtc[^].

At the time of writing, WebRTC is supported by all major browsers but not Safary and not IE (not surprisingly).
I want to warn you against the "usual" IE work-around: ActiveX embedded in the browser. This is utterly unsafe. For some safety-savvy users, learning that you are doing those dirty tricks with ActiveX can be enough to blacklist your site, for some very good reasons.

—SA

Posted 11-May-15 10:38am

Sergey Alexandrovich Kryukov

Comments

sudevsu 12-May-15 15:43pm

Thanks SA. It took time to go through all the links. Now from your comments, I see that webRTC is not supported by IE and Safari. Then will it create problems for FireFox and Chrome? Because the whole idea of this is to provide our company's Drivers with an Ipad or Iphone for capturing the Original Invoice and upload it on Web and then deliver. All this is done on Roads meaning Drivers don't have laptop while delivery.

Sergey Alexandrovich Kryukov 12-May-15 16:23pm

The alternatives are non-standard. I prefer discussing standard way. People having those browsers can always post a file.
—SA

sudevsu 12-May-15 16:05pm

Also do you think any other third party controls is safe to work with to achieve this ? Your opinion/ answers matter because earlier I convinced my Manager by showing your response. So It would be helpful for me greatly.

Sergey Alexandrovich Kryukov 12-May-15 16:27pm

I personally would never work with them, keeping to standard. If you want to compromise, don't use the most dangerous thing, ActiveX; everything else would be less of the evil. No miracles here: there is nothing supported by all browsers at this moment.

I would probably pass on capture at all. After all, people can use any camera to create a photo, even edit it. I see very little value in online capture, as this is not a real-time communication.

—SA

sudevsu 12-May-15 16:48pm

Got it. so I will have do a lot of homework on this. It is not as simple as I thought. But I don't think Drivers will edit it. Because it is just they get a scan gun to scan bar code of Tires. And a Ipad to take pictures of Invoice before delivery. But to your point, passing on capture is not quite possible. They really wanted that.

Sergey Alexandrovich Kryukov 12-May-15 17:01pm

It is possible, with all those limitation. If you look at related W3 document, you will find only the draft for the standard, and it is of 2015. No wonder that the implementations are only started to unfold. W3 follows the demand with huge time lag. Another missing thing is additional input: biometrics, accelerometers, gyroscopes...

Also, I would not take the problem of supporting "all browsers" seriously. Some browsers are amazingly inferior compared to others, and IE is one of them... :-(

—SA