최근에 모바일 홈페이지를 작업하면서 해결되지 않은 문제가 하나 있었습니다.

모바일 홈페이지에서 파일 첨부를 했을 때 갤러리가 나와서 사진 선택을 편리하게 할 수 있도록 하는 것인데, 그 방법을 몰랐었습니다.

그런데, 오늘 구글에서 검색하는 중에 답을 찾아냈습니다. input 태그에 accept 라는 속성을 넣어주면 됩니다.

accept="image/*" 관련 홈페이지 - http://www.w3schools.com/tags/att_input_accept.asp

[HTML 4.01]

HTML <input> accept Attribute

<form action="demo_form.php">

  <input type="file" name="pic" accept="image/*">

  <input type="submit">

</form>

[HTML5]

<input accept="file_extension|audio/*|video/*|image/*|media_type">