当前位置：文江博客话题详情

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

发布于 2024-12-19 00:52:12 字数 141 浏览 2 评论 0原文

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

我想用此选项解决的问题是，如果尚未选择文件，则隐藏“提交/上传”按钮？使用 required="true" 属性对我来说不是一个选择，因为用户并不总是需要提供文件。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

彻夜缠绵 2024-12-26 00:52:12

这可以通过最初通过 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>

This is possible by initially hiding the upload button by CSS and attaching some JS to the change event of the file field which displays the upload button if a file has been selected.

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

回复收藏 0 原文

~没有更多了~