Primefaces以编程方式打开p：fileUpload

Question

我正在使用tinyMCE，而我正在实现自定义文件管理器。 当用户点击tinyMCE窗口中的Choose按钮时，我想触发p:fileUpload的{​​{1}}按钮（隐藏）。

Browse

这是我正在尝试的Javascript代码： <h:form enctype="multipart/form-data"> <p:fileUpload id="fileUpload" widgetVar="fileUpload"/> </h:form> 但它不会触发PF('fileUpload').chooseButton.click()按钮。 我试过Chrome和Firefox。 如何从javascript以编程方式触发“选择”按钮？

Answer 1

刚遇到这个问题，这个解决方案对我有用：

onclick="$('input[type=file]').click();"

Answer 2

我使用了此解决方案：

PF('fileUpload').input.click()

Answer 3

来自 PF 文档的最佳实践：

<p:fileUpload id="pf-file-upload" widgetVar="pf-file-upload" mode="advanced".../>

<p:button value="Upload" icon="pi pi-pencil"
onclick="return PF('pf-file-upload').show();"/>