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

Question

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

Answer 1

Just put the image in a label referring the input field.

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

Do note that this works even if the input is hidden by CSS.

See also:

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