primefaces onadd侦听器fileupload不调用

Question

在根据我的要求实现我自己的逻辑之前，我试图在警报框中显示每个文件。但它不起作用。

<h:head>

<script type="text/javascript">
    function displayEachFile(file,callback){
        alert(file);
    }
</script>
</h:head>

<h:body>
    <div class="card">
    <h:form name="download">
            <p:fileUpload value="#{fileBean.files}" mode="advanced" multiple="true" auto="true"
            listener="#{fileBean.handleFileUpload}" widgetVar="hello" onAdd="displayEachFile"/>
        </h:form>
    </div>
</h:body>

</html>

Answer 1

文档更新： https：/ /组件/fileupload

onadd有3个参数this，file，parackback。

运行示例：

pf-8657.zip 文件，如果您决定可以添加您的调用回调。

例如：

onAdd="onAddFile(file, callback);"

您可以执行仅添加名为primefaces.pdf的文件之类的事情。

function onAddFile(file, callback) {
   if (file.name === 'primefaces.pdf') {
       callback.call(this, file);
   }
}