JavaScript – Open File Chooser Dialog
Форматирането на „type=’file’“, изисква допълнителни усилия, а когато ни е необходим само пътя до файла, това лесно може да бъде избегнато, като формата за “type=’file’“ бъде скрита и на нейно място се визиуализира обикновен бутон и текстово поле.
Ето и пример как това може да бъде направено като JSF-ските тагове могат лесно да бъдат заменени с чист HTML.
JavaScript Code Snippet:
function selectFile(uploadObjId, txtFieldId){
var uplObj = document.getElementById(uploadObjId);
var txtObj = document.getElementById(txtFieldId);
//alert(uploadObjId + ‘;’ + txtFieldId);
if(uplObj != null && txtObj != null){
uplObj.click();
if(uplObj.value != null){
txtObj.value = uplObj.value;
}
}
}
JSF Code Snippet:
<h:inputText id=“InputList“ value=“#{item.strValue}“ valueChangeListener=“#{item.setVal}“ />
<h:commandButton value=“#{msg.choose}“ id=“browseList“ onclick=“selectFile(“InputListHidden’, ‘InputList’);“ />
<t:inputFileUpload value=“#{item.value}“ id=“InputListHidden“ style=“display: none;“ />
