Primefaces fileUpload js API

Question

我在我的应用程序中使用了primefaces库。我需要改变用户的图片点击图片。我可以隐藏primefaces文件上传器组件并使用javascript吗？也就是说，我可以像下面的代码一样在javascript中使用它吗？

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

有什么建议吗？

Answer 1

选择文件的步骤：

fileUploader.cfg.fileInput.click()

Answer 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")，而不是使用链接。如果你让它工作了，请让我知道。