본문 바로가기

컴터/html5

input type="file" 폴더 업로드 (webkitdirectory directory)

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



http://stackoverflow.com/questions/12942436/how-to-get-folder-directory-from-html-input-type-file-or-any-other-way


demo : http://whatdo.net/html5/example/#10




<input id="folderUploadSelect" type="file" webkitdirectory directory style="display: block;">


attribute 가 webkitdirectory directory  인듯하니 웹킷 엔진만 된다.



2016.05.17 확인해본바,


윈도우는 최신 크롬계열(카나리포함),오페라,비발디가 지원하며 IE11 이 의외로 지원한다.

파폭,사파리,스윙은 지원하지 않는다.


Mac은 크롬,카나리,chrome for dart 만 지원한고,

파폭(개발자버전포함),사파리,오페라는 지원하지 않는다.


현재 webkitdirectory 만 인식하고 directory 는 추후 대부분의 브라우저가 지원하게 되면 사용될듯하다. 

directory는 쓰나 마나하다.
(예전 css의 --webkit-transition 처럼)