웹뷰에서 원하는 타입의 파일만 첨부하는 방법

안녕하세요.

 

오늘도 즐거운(?) 웹뷰 얘기입니다..

 

 

HTML에서 input 태그를 사용해서 파일 첨부를 하게 되면, iOS 웹뷰에서 자동으로 아래와 같은 팝업을 보여줍니다.

<input id="file_input" type="file">

 

 

근데, 난 사진만 첨부하고 싶어!!

 

라고 하는 경우엔 어떻게 해야 할까요?

 

 

웹 내에서 첨부된 파일의 확장자를 보고 필터링해 줄 수도 있지만,

 

accept라는 속성을 사용하면 사용자가 사진만 첨부하게끔 제한시킬 수 있습니다.

<input id="file_input" type="file" accept="image/*">

동시에 웹뷰 팝업에서는 'Take Photo or Video' 라는 문구가 'Take Photo' 라고 바뀌게 됩니다.

 

 

 

 

만약 이미지 말고 txt 파일만 받고 싶어!! 하는 경우엔 accept에 .txt 확장자만 넣어주면 되겠죠??

 

이 경우엔 웹뷰에서 팝업이 뜨지 않고 바로 '파일' 앱이 실행되고 '파일' 앱 내에서도 txt 파일만 선택할 수 있습니다.

<input id="file_input" type="file" accept=".txt">

 

 

---

이번 글은 여기서 마무리.