IT Share you

내 코드에서 Google Chrome 11의 폴더 업로드 기능을 어떻게 사용합니까?

shareyou 2020. 12. 12. 12:41
반응형

내 코드에서 Google Chrome 11의 폴더 업로드 기능을 어떻게 사용합니까?


Google Chrome 11은 이제 폴더 업로드를 지원합니다. 현재이 기능은 Google 문서에서만 구현되며 내 코드에서이 기능을 사용하는 방법에 대한 API 문서를 찾을 수 없습니다.

내가 볼 수 있듯이 Google 문서에서 폴더 업로드 링크를 클릭하면 "폴더 찾아보기"대화 상자 (모양으로 SHBrowseForFolder 호출)가 표시되고 폴더를 선택하면 해당 폴더의 내용이 Google 문서에 업로드되었습니다.

이 기능을 사용하려면 Chrome을 최신 버전으로 업그레이드해야하거나 Java Applet을 실행하는 다른 브라우저의 경우 내 웹 사이트에서이 기능을 사용할 수 있다고 가정합니다.

내가 유지하는 콘텐츠 관리 시스템에이 기능을 포함하고 싶습니다!


http://html5-demos.appspot.com/static/html5storage/demos/upload_directory/index.html 에서 데모를 볼 수 있습니다.

기본적으로 파일 입력 요소에 "webkitdirectory"속성을 설정하여 작동합니다.

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

그런 다음 사용자가 폴더를 선택하면 "e.target.files"개체 전체에 걸쳐 선택 항목에 포함 된 파일 목록을 가져옵니다 (이를 통해 클라이언트 측에서 해당 파일에 액세스 할 수 있음).

드래그 앤 드롭은 유사합니다. "draggable"요소에서 "ondrop"이벤트를 수신 할 때 디렉토리 또는 파일 선택이 요소에 드롭되면 이벤트의 "files"속성이 파일 목록이됩니다. 작업에 포함됩니다.

참고 URL : https://stackoverflow.com/questions/5826286/how-do-i-use-google-chrome-11s-upload-folder-feature-in-my-own-code

반응형