jsf - 送信/アップロードする前に t:inputFileUpload を使用してファイルが選択されているかどうかを確認するにはどうすればよいですか

Question

送信/アップロードボタンをクリックする前に、ファイルが既に選択されているかどうかを確認できるかどうか知りたいですか?

このオプションで解決したい問題は、ファイルがまだ選択されていない場合に「送信/アップロード」ボタンを非表示にすることですか? ユーザーが常にファイルを提供する必要があるとは限らないため、属性を使用required="true"することは私にとってオプションではありません。

Answer 1

これは、最初に CSS でアップロードボタンを非change表示にし、ファイルが選択された場合にアップロード ボタンを表示するファイル フィールドのイベントに JS をアタッチすることで可能になります。

<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>