먼저 head 태그를 추가 합니다.
<script>
function showDialog(openFileDialog) {
document.getElementById(openFileDialog).click();
}
function fileName(openFileDialog) {
return document.getElementById(openFileDialog).value;
}
function hasFile(openFileDialog) {
return document.getElementById(openFileDialog).value != "";
}
function fileNameWithoutFakePath(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(fileName.lastIndexOf('\\') + 1);
}
function fakePathWithoutFileName(openFileDialog) {
var fileName = document.getElementById(openFileDialog).value;
return fileName.substr(0, fileName.lastIndexOf('\\'));
}
</script>
이미 스크립트 태그 가있는 경우 위의 함수를 추가하기 만하면됩니다.
당신의에서 신체 또는 형태의 추가 태그 :
<input type="file" style="display:none" id="yourDesiredOrFavoriteNameForTheNewOpenFileDialogInstance"/>
html의 어디에 있든 상관없이 전역 변수 로 OpenFileDialog 클래스 유형의 새 인스턴스를 만든 것과 같습니다. 코드 또는 xaml의 위치에 관계없이 이름은 요소 의 ID 이지만 스크립트 또는 코드에서 , 당신은 할 수없는 요소 입력 유형 = "파일"에 정의되지 않은 것들을 전역 함수가 있기 때문에, 자신의 이름을 입력 한 다음 함수를 속성을 읽거나 전화. 이 함수들에게 OpenFileDialog 인스턴스의 이름 인 숨겨진 입력 type = "file"의 id를 문자열로 지정하기 만하면됩니다.
HTML에 대한 열린 파일 대화 상자 인스턴스를 만드는 작업을 쉽게하기 위해이를 수행하는 함수를 만들 수 있습니다.
function createAndAddNewOpenFileDialog(name) {
document.getElementById("yourBodyOrFormId").innerHtml += "<input type='file' style='display:none' id='" + name + "'/>"
}
열린 파일 대화 상자를 제거하려면 다음 기능을 만들고 사용할 수 있습니다.
function removeOpenFileDialog(name) {
var html = document.getElementById("yourBodyOrFormId").innerHtml;
html = html.replace("<input type='file' style='display:none' id='" + name + "'/>", "");
document.getElementById("yourBodyOrFormId").innerHtml = html;
}
그러나 열린 파일 대화 상자를 제거하기 전에 다음 기능을 만들고 사용하여 존재하는지 확인하십시오.
function doesOpenFileDialogExist(name) {
return document.getElementById("yourBodyOrFormId").innerHtml.indexOf("<input type='file' style='display:none' id='" + name + "'/>") != -1
}
숨겨진 입력 type = "file"을 추가하기 때문에 html 의 body 또는 form 태그에 열린 파일 대화 상자를 만들고 추가하지 않으려면 위의 생성 기능을 사용하여 스크립트에서 수행 할 수 있습니다. :
function yourBodyOrFormId_onload() {
createAndAddNewOpenFileDialog("openFileDialog1");
createAndAddNewOpenFileDialog("openFileDialog2");
createAndAddNewOpenFileDialog("openFileDialog3");
createAndAddNewOpenFileDialog("File Upload");
createAndAddNewOpenFileDialog("Image Upload");
createAndAddNewOpenFileDialog("bla");
//etc and rest of your code
}
신체 또는 양식 태그 근처에 다음을 추가했는지 확인하십시오.
onload="yourBodyOrFormId_onload()"
이미 수행했다면 위의 줄을 수행 할 필요가 없습니다.
팁 : 아직없는 경우 프로젝트 또는 웹 사이트에 새 JScript 파일을 추가 할 수 있으며,이 파일에서 모든 열린 파일 대화 상자 기능을 스크립트 태그와 html 또는 웹 양식 페이지에서 분리하고 사용할 수 있습니다. 이 JScript 파일의 html 또는 웹 양식 페이지에 있지만 html 또는 웹 양식 페이지를 물론 JScript 파일에 링크하는 것을 잊지 마십시오. JScript 파일을 헤드 의 html 페이지로 드래그하기 만하면됩니다.태그. 페이지가 단순한 HTML이 아닌 웹 양식이고 헤드 태그가없는 경우 작동 할 수 있도록 아무 곳에 나 두십시오. 해당 JScript 파일에서 전역 변수를 정의하는 것을 잊지 마십시오. 값은 본문 또는 양식 ID가 문자열입니다. JScript 파일을 html 또는 웹 양식 페이지에 연결 한 후 양식 본문의 이벤트를로드하고 해당 변수의 값을 본문 또는 양식 ID로 설정할 수 있습니다. 그런 다음 JScript 파일에서 더 이상 본문의 ID 나 한 페이지의 형식을 문서에 제공 할 필요가 없으며 해당 변수의 값만 제공하면됩니다. 해당 변수 bodyId 또는 formId 또는 bodyOrFormId 또는 원하는 다른 이름을 호출 할 수 있습니다 .
행운을 빕니다!