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

Open file browse panel of p:fileUpload on click of an image

有什么方法可以在点击图片时触发基本 <p:fileUpload> 按钮(显示 select 文件面板的按钮)?

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

<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