HTML 입력 유형 "파일"또는 다른 방법으로 폴더 디렉토리를 가져 오는 방법은 무엇입니까?
따라서 유형과 함께 기본 양식 입력이 "file"있지만 사용자가 파일이 아닌 폴더 위치를 선택할 수 있기를 원합니다.
이 입력을 통해 파일이 아닌 폴더를 선택하려면 어떻게해야합니까? 아니면 다른 방법이 있습니까?
이 페이지에서도 우연히 발견 한 결과 자바 스크립트 (ActiveX 또는 Flash와 같은 플러그인 없음)만으로 가능하지만 크롬에서만 가능하다는 것을 알게되었습니다.
https://plus.google.com/+AddyOsmani/posts/Dk5UhZ6zfF3
기본적으로 파일 입력 요소 "webkitdirectory"에 새 속성에 대한 지원을 추가했습니다. 다음과 같이 사용할 수 있습니다.
<input type="file" id="ctrl" webkitdirectory directory multiple/>
디렉토리를 선택할 수 있습니다. 다중 속성은 다중 파일 선택을 지원하지만 디렉토리 선택은 지원하지 않는 브라우저에 적합한 대체입니다.
디렉토리를 선택하면 다중 속성이있는 것처럼 제어에 대한 dom 오브젝트 (document.getElementById ( 'ctrl'))를 통해 파일을 사용할 수 있습니다. 브라우저는 선택한 디렉토리의 모든 파일을 해당 목록에 반복적으로 추가합니다.
어느 시점에서 표준화 된 경우를 대비하여 이미 디렉토리 속성을 추가 할 수 있습니다 (그에 관한 정보를 찾을 수 없음).
flash / silverlight / activeX 컨트롤을 사용하는 경우가 가장 많습니다. <input type="file" />제어는 처리하지 않습니다.
사용자가 디렉토리를 가져 오기위한 수단으로 파일을 선택하는 것을 신경 쓰지 않는다면 해당 컨트롤의 change이벤트 에 바인딩 한 다음 파일 이름 부분을 제거하고 경로를 어딘가에 저장할 수 있습니다.하지만 그 정도면 좋습니다.
웹 페이지는 서버와 상호 작용하도록 설계되었습니다. 원격 서버에 로컬 디렉토리를 제공하는 것은 "일반적인"것이 없습니다 (서버가 액세스 할 수 없으므로 왜 요청합니까?). 그러나 파일은 선택적으로 정보를 전달하는 수단입니다.
오래된 질문이지만 누군가에게 도움이 될 수 있습니다.
"multiple"을 사용하여 파일을 검색하는 동안 여러 파일을 선택할 수 있습니다.
<input type="file" name="datafile" size="40" multiple>
'developer tip' 카테고리의 다른 글
| heroku django에서 _uuid_generate_random 이름을 가져올 수 없습니다. (0) | 2021.01.05 |
|---|---|
| Java에서 자식 개체에 부모 참조를 할당하는 이유는 무엇입니까? (0) | 2020.12.31 |
| AngularJS의 재사용 가능한 구성 요소 (0) | 2020.12.31 |
| 가끔 잘못된 viewstate 오류를 무시해야합니까? (0) | 2020.12.31 |
| Scala에서 Iterator와 Stream의 차이점은 무엇입니까? (0) | 2020.12.31 |