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

【问题标题】：Open file browse panel of p:fileUpload on click of an image单击图像打开 p:fileUpload 的文件浏览面板
【发布时间】：2016-04-16 17:28:35
【问题描述】：

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

【问题讨论】：

对于简单的html + css，把代码写成modal..
那你到底想什么时候打开它？页面加载时？
点击某张图片

标签： jsf file-upload primefaces graphicimage

【解决方案1】：

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

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

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

另见：

Purpose of the h:outputLabel and its "for" attribute

【讨论】：