Primefaces fileUpload js API

Question

我在我的应用程序中使用primefaces库。我需要在点击图片上更改用户图片。我可以隐藏primefaces文件上传器组件并使用javascript进行处理吗？ I.E.我可以在javascript中使用它，如下面的代码吗？

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

有什么建议吗？

Answer 1

选择文件：

fileUploader.cfg.fileInput.click()

Answer 2

在Primefaces show case中有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替代品。
您也可以尝试autoupload属性（auto="true"）而不是使用链接。 如果你让它工作，请告诉我。