주메뉴 바로가기 견적문의 바로가기 주내용 바로가기
Blue Red Orange Green Grey
Mobile/HTML5
[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호출하기.
입력 2016.04.22 오후 05:11 | 수정 2016.04.22 오후 05:14 | 조회 853
x-mind
[출처] http://fimtrus.tistory.com/entry/HTML5-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EB%B0%8F-%EC%95%84%EC%9D%B4%ED%8F%B0%EC%97%90%EC%84%9C-input-file-%EC%82%A C%EC%9A%A9%EC%8B%9C-%EC%B9%B4%EB%A9%94%EB%9D%BC-%ED%98%B8%EC%B6%9C%ED%95%98%EA%B8%B0

흔히 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 라고 써주면 
직접 카메라가 호출되는 것을 볼 수 있습니다.
안드로이드의 경우 둘다 잘되는데요.
아이폰에서는 후자의 경우에만 카메라로 연결되더군요.(전자의 경우 카메라 및 비디오로 연결됩니다)
Security number

click to select icon

  • Very Happy
  • Smile
  • Sad
  • Surprised
  • Shocked
  • Confused
  • Cool
  • Laughing
  • Mad
  • Razz
  • Embarassed
  • Crying or Very sad
  • Evil or Very Mad
  • Twisted Evil
  • Rolling Eyes
  • Wink
  • Exclamation
  • Question
  • Idea
  • Arrow
  • Sux
  • Good
  • Very Angry
  • Attention


목록수정삭제인쇄0


Board List
No.제목글쓴이조회등록일
실무에서 많이 쓰는 위주로 순서없이 그때 그때 포스트합니다.x-mind6372015.04.02
HTML5강좌 링크x-mind1,7802012.02.28
23네이버 웹마스터 도구로 사이트 검색엔진에 추가x-mind2652016.04.26
22[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호...x-mind8532016.04.22
21유투브 동영상을 배경으로x-mind3742016.03.30
20Canvas - 파일로 저장x-mind4992015.09.08
19모바일웹 카카오링크 연동(단순텍스트 링크 보내기)x-mind1,0462015.06.11
18[링크]나의 웹사이트에 Facebook 계정으로 로그인 하기x-mind9152015.01.22
17[HTML5] 위치정보 사용하기x-mind1,0482014.10.27
16모바일 브라우저 테스트 도구x-mind1,3912014.03.20
15Safari 브라우저 모바일 모드x-mind1,5192014.03.20
14iScroll을 사용해서 모바일웹에서 내부 스크롤 영역 만들기x-mind1,8442013.03.27
13터치 이벤트를 이용한 사용자 제스처 분석x-mind2,8842013.03.26
12모바일 웹 스크롤 페이징x-mind7,8292013.03.26
11웹표준, 웹접근성을 고려한 HTML 코딩 작업시 규칙.x-mind3,5432013.01.24
10Google Chart Api 이용 QR 코드 생성x-mind1,3582013.01.24
9웹표준 코딩시 주의할점x-mind2,7392012.07.26
8tabindex 속성이 오히려 접근성을 해친다.x-mind2,1672012.04.11
7아이폰, 안드로이드 바탕화면에 바로가기 만들기 4x-mind9,6292012.03.27
6이전버전에서의 HTML5요소 사용x-mind1,0212012.03.02
5HTML5 API 강좌 #1 – Web Storage 와 Application Cachex-mind1,2502012.02.28
4화면 사이즈에 맞게 이미지 확대x-mind4,1942012.01.27
Copyrightⓒ x-mind.co.kr All rights reserved. 1