요즘 하이브리드 웹을 많이 사용하시는데요.

네이티브 코딩없이 카메라 호출하는 법에 대해 쓰겠습니다.

안드로이드의 경우 2.2버전 이하는 카메라를 호출 할 수 없습니다.(4.0이상, 2.2 이하 에서만 확인해봤습니다.ㅠ 2.3단말기가 없어서)

아이폰은...IOS 6 이상에서만 확인해 봤습니다.(아마 5이하는 안될듯 하네요)

흔히 input file을 사용할때

<input type="file"/>

type만 file로 옵션을 주는데요.

이러면 lg단말기나, 베가 단말에서는 카메라 라는 항목이 보이지 않을 수 있습니다.(삼성은 카메라 라는 항목이 뜨더군요. 얼마나 뜯어 고친건지...;)

하지만 

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

또는

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

accept 에 파일 형식을 쓰고, capture 항목에 camera 라고 써주면 

직접 카메라가 호출되는 것을 볼 수 있습니다.

안드로이드의 경우 둘다 잘되는데요.

아이폰에서는 후자의 경우에만 카메라로 연결되더군요.(전자의 경우 카메라 및 비디오로 연결됩니다)

전 후자의 방법을 추천합니다.

많은 도움이 되셨길 바라면서...

출처: https://fimtrus.tistory.com/entry/HTML5-안드로이드-및-아이폰에서-input-file-사용시-카메라-호출하기 [Lv.Max 를 꿈꾸는 개발자 블로그]