單擊圖像打開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”屬性的用途