jsf - 单击图像打开 p:fileUpload 的文件浏览面板

Question

有什么方法可以<p:fileUpload>在单击图像时触发基本按钮（显示面板以选择文件的按钮）？

Answer 1

只需将图像放在引用输入字段的标签中即可。

<h:form>
    <p:fileUpload id="file" mode="simple" ... />
    <h:outputLabel for="file">
        <p:graphicImage name="images/pic.png" />
    </h:outputLabel>
</h:form>

请注意，即使输入被 CSS 隐藏，这仍然有效。

也可以看看：

• h:outputLabel 及其“for”属性的用途