Primefaces 文件上传 js API答案

【问题标题】：Primefaces fileUpload js APIPrimefaces 文件上传 js API
【发布时间】：2026-01-10 17:20:05
【问题描述】：

我在我的应用程序中使用 primefaces 库。我需要按图片更改用户图片。我可以隐藏 primefaces 文件上传器组件并使用 javascript 使用它吗？ IE。我可以像下面的代码一样从 javascript 中使用它吗？

fileUploader.openFile();
fileUploader.sendFile();

有什么建议吗？

【问题讨论】：

标签： jsf file-upload jsf-2 primefaces

【解决方案1】：

选择文件：

fileUploader.cfg.fileInput.click()

【讨论】：

【解决方案2】：

在 Primefaces 展示案例中有 FileUpload example，这看起来就像您要的：

<p:fileUpload widgetVar="uploader" height="48" width="48"  
    fileUploadListener="#{fileUploadController.handleFileUpload}"  
    image="/images/browse.png" cancelImage="/images/cancel.png"  
    allowTypes="*.jpg;*.png;*.gif;" description="Images" customUI="true"/>  

<h:outputLink value="#" title="Upload" onclick="uploader.upload();"   
    style="font-weight:bold;color:#616D7E">  
    Upload Files  
</h:outputLink>

它是在 Flash 中实现的。我不知道，是否有 html5 替代品。
您也可以尝试自动上传属性（auto="true"）而不是使用链接。请让我知道，如果你得到它的工作。

【讨论】：

你能在 primefaces 3.0.M4 中使用 javascript api 吗？我为此苦苦挣扎了一段时间。