<input type = "file"/> 사용하지 않고 사용자 지정 파일 선택기

Question

업로드 할 파일을 먼저 압축해야하는 Java 기반 (webwork 프레임 워크) 웹 응용 프로그램에서 작업하고 있습니다. javascript를 통해 "input type = 'file'"요소의 값을 설정할 방법이 없기 때문에 삽입 된 애플릿의 경로를 결정했습니다. 기본적으로이 애플릿은 선택한 파일을 압축 한 다음 압축 된 파일을 scp를 통해 서버에 업로드합니다.

잘 작동했지만 웹 페이지 렌더링과 관련하여 문제가 있습니다. 애플릿 내에서 파일 선택 도구를 구현하는 대신, 대신 사용할 수있는 기존 파일 선택 도구가 있다면 생각하고 있습니다. 물론 "input type = 'file'"을 넣지 않아도됩니다.

이러한 기존 맞춤 웹 파일 선택 도구에 대한 링크는 대단히 감사하겠습니다.

Answer 1

보안 제한으로 인해 HTML로 파일을 선택하는 유일한 방법은 <input type=file>을 문서에 추가하는 것입니다. 그런 다음 사용자는 실제 클릭이있는 파일을 선택해야합니다.

javascript는 (최신 브라우저에서) 파일의 내용을 읽을 수 있으므로 임의의 파일을 선택하고 읽을 수 없어야합니다.

Answer 2

항상 작동합니다. 내가 애플릿 길을 가고 JFileChooser를 사용하는 이유

<div id="input_container" style="width: 0px; height: 0px; overflow: hidden"><input type="file" id="inputfile" /></div> 
<div class="button" onclick="upload();">Upload file</div> 

그리고 스크립트

function upload(){ 
document.getElementById('inputfile').click(); 
} 

귀하의 CSS

.button { 
    /*button style here*/ 
}