ProgramingTip

HTML 페이지의 디렉토리 선택기

bestdevel 2020. 12. 8. 19:22
반응형

HTML 페이지의 디렉토리 선택기


html 페이지에서 디렉토리 선택기를 어떻게 만들 수 있습니까?
입력 파일을 사용하면 파일 만해 야 할 수 있습니다.
사용자가 컴퓨터 내부에서 올바른 경로를 선택해야 할 작업을 수행해야합니다.
어떤 솔루션?


보안상의 순수한 순수한 HTML / JavaScript에서는 수행 할 수 없습니다.

업로드 할 파일을 선택하는 것이 최선의 방법이며 최신 브라우저에서는 전체 원본 경로를 얻을 수 없습니다.

Java 또는 Flash (예 : SWFUpload 를 기본으로 사용)를 사용하여 복잡한 조합을 할 수 있는 작업이 많고 추가 문제가 발생합니다.

또 다른 생각은 iframe사용자의 C:드라이브 (또는 기타)를 표시하는 것이지만 가능합니다 (보안상의 이유로 차단할 수 있음). 웹 사이트가 iframe과 통신하는 것은 불가능합니다. (보안상의 M 다시).

이게 무엇을 위해 필요해야합니까?


시도해 목적.

<input type="file" webkitdirectory directory multiple/>

https://plus.google.com/+AddyOsmani/posts/Dk5UhZ6zfF3 에서 견본을 사용할 경우 추가 정보가 필요한 경우 여기에서 사용할있습니다 .


만약 당신이 서버이고 사용자라면 (예 :를 통해 작동 브라우저하는 앱을 만들고 있고 폴더를 선택 해야하는 JFileChooser경우)에서 어떤 버튼 브라우저을 클릭하면 서버에서 호출을 시도 하십시오

JFileChooser chooser = new JFileChooser();
chooser.setCurrentDirectory(new java.io.File("."));
chooser.setDialogTitle("select folder");
chooser.setFileSelectionMode(JFileChooser.DIRECTORIES_ONLY);
chooser.setAcceptAllFileFilterUsed(false);

이 코드는 여기 에서 장비 것입니다.


스크립팅은 불가피합니다.

이 보안 위험 때문에 제공되지 않습니다. <input type='file' />가장 가깝지만 찾고있는 것이 아닙니다.

체크 아웃 이 예를 들어 당신이 원하는 것을 달성하기 위해 자바 펼쳐보기를 사용합니다.

OS가 Windows 인 경우 VB 펼쳐보기 를 사용하여 핵심 파일에 액세스하여 폴더를 제어 수 있습니다.


나는 일을했다. 값을 담을 숨겨진 텍스트 상자가. 그런 다음 form_onsubmit에서 숨겨진 폴더에 파일 이름이있는 경로 값을 복사했습니다. 그런 다음 fileInput 상자를 ""로 설정합니다. 이렇게하면 파일이 업로드되지 않습니다. fileUpload 컨트롤의 이벤트가 기억 나지 언어. 아마 onchange. 오랜만이야. 값이 있으면 파일 이름을 구문 분석하고 폴더를 다시 상자에 넣습니다. 물론 파일이 유효한 파일인지 확인해야합니다. 그러면 클라이언트 워크 스테이션 폴더가 제공됩니다.
그러나 서버 경로가 반영되어 다른 코딩 접근 방식이 필요합니다.

참고 URL : https://stackoverflow.com/questions/2809688/directory-chooser-in-html-page

반응형