javascript - 如何将监听器添加到 p :fileUpload 中的选择按钮

Question

是否可以为 FileUpload 组件中的“选择”按钮添加一个监听器？

我在高级模式下使用 p:fileUpload。

我浏览了文档，它只支持在点击“上传”按钮后触发的 fileUploadListener。(也试过 actionListener，validationListener)

PrimeFaces 的版本是 5.3。

p:fileUpload 的定义:

<p:fileUpload
                            fileUploadListener="#{ipchYonetimiController.handleFileUpload}" 
                            widgetVar="aras"
                            mode="advanced" dragDropSupport="false" update="@this toplumsgs"
                            sizeLimit="100000" fileLimit="1" 
                            cancelLabel="İptal et" allowTypes="/(\.|\/)(xlsx)$/"
                            invalidSizeMessage="Dosya boyutu çok büyük"
                            invalidFileMessage="Dosya formatı xlsx olmalı"
                            fileLimitMessage="Sadece bir dosya yükleyebilirsiniz" />

这是我需要它的图片:

我基本上想在用户单击选择按钮时清除验证错误。由于选择按钮包含在 fileUpload 组件中，因此无法为其分配监听器。

尝试调整此链接中的代码并向按钮添加监听器，但没有成功:

 PF('aras').chooseButton.addEventListener(...)

How to disable Choose button in PrimeFaces FileUpload until the upload is complete

Answer 1

你能试试这个吗 - 它对我有用:

<p:fileUpload id="fileupload" ..... />

<script>
    $(document).on("click", ".ui-fileupload input[type=file]", function(event){
        $(this).closest('.ui-fileupload').find('.ui-icon-close').trigger('click');
    });
</script>