【问题标题】: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 隐藏,这仍然有效。

另见:

【讨论】:

    猜你喜欢
    • 2014-03-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-13
    • 2011-01-23
    • 1970-01-01
    相关资源
    最近更新 更多