input file accept 와 사진/동영상/안드로이드

input 태그에 type 이 file 인 경우,

찾아보기 대상을 조정할 수 있는데..

accept 속성이 이런 일을 함.

 

그런데, 짧게 기술한다고

accept="image/*" 라고 기술하면..

애플의 경우 '사진 보관함', '사진 또는 동영상 찍기', '파일 선택',

안드로이드의 경우 '카메라', '카메라/캠코더', '파일'

등을 선택할 수 있게 된다.

여기서, '동영상' 이나 '캠코더' 기능을 없애려면..

 

'image/*' 를 없애고,

필요한 이미지의 확장자를 기술하면 된다.

accept=".jpg, .png"

애플의 경우 '사진 보관함', '사진 찍기', '파일 선택',

안드로이드의 경우 '카메라', '찾아보기'

등을 선택할 수 있게 된다.

 

물론, os 버전에 따라 상이할 수는 있다..

 

Android 에서는,

image/* 라고 기술했을 때..

웹브라우저에서는 정상 작동하는데,

어플에서는 작동하지 않을 수가 있다.

어플에서 뭔가 해 주면 좋긴 하겠는데,

그러면, 또 구글 콘솔에 등록하고 심사하고.. 짜증.

iOS 나 Android 때문에라도,

"image/*" 대신에,

".jpg, .png" 라고 사용하자.

 

---

accept="application/vnd.ms-powerpoint, .jpg, .png"