【问题标题】: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 吗?我为此苦苦挣扎了一段时间。