웹프로그래밍

Global It Leader!!


HTML


 
 

[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호출하기.

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 5,136회 작성일 19-12-06 18:22

본문

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

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

안드로이드의 경우 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 를 꿈꾸는 개발자 블로그]

댓글목록

등록된 댓글이 없습니다.

전체 32
게시물 검색
HTML 목록
번호 제목 글쓴이 조회 날짜
12 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4419 10-26
11 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3273 12-11
10 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3530 01-16
9 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3266 05-17
8 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3325 05-17
7 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3176 05-17
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5137 12-06
5 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2848 12-06
4 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2729 09-18
3 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1970 06-08
2 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3324 06-16
1 no_profile 운영자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1192 04-10