jsf - 如何在提交/上传之前检查是否使用 t:inputFileUpload 选择了文件

Question

我想知道是否可以在单击提交/上传按钮之前检查文件是否已被选中？

我想用这个选项解决的问题是如果没有文件已经选择，隐藏“提交/上传”按钮？使用required="true"属性对我来说不是一个选项，因为用户并不总是必须提供文件。

Answer 1

这可以通过最初通过 CSS 隐藏上传按钮并将一些 JS 附加到change文件字段的事件来实现，如果文件已被选中，则显示上传按钮。

<h:form id="form">
    <t:inputFileUpload id="file" value="#{bean.file}" required="true" 
        onchange="document.getElementById('form:upload').style.display = (!!value) ? 'block' : 'none'" />
    <h:commandButton id="upload" value="Upload" action="#{bean.upload}" style="display: none;" />
</h:form>