防止 primefaces 上传的文件在上传完成后消失

Question

我想实现多文件上传。

我不希望上传和取消按钮出现在屏幕上，所以基本上有两种方法可以继续。

第一种方式：通过 CSS 隐藏上传和取消按钮。 我可以隐藏它们，问题是我不能再触发上传按钮，所以文件永远不会上传。

在这种情况下：有没有办法用命令按钮触发上传按钮？

第二种方式：在fileupload标签中添加auto="true"，这样上传和取消按钮就会消失，但是这种方式的问题是当文件上传时，它会立即从屏幕上消失，并且用户不能再点击进度条旁边的取消图标来取消上传。

那么，这样的话，有没有办法在上传文件的时候不让上传的文件消失呢？

我希望它像google发送邮件时上传文件系统一样工作，用户可以选择上传许多文件，但如果他选择（在发送邮件之前），仍然可以删除这些文件当然）。

Answer 1

您可以通过自己的按钮激活 p:fileUpload 的按钮，例如：

<p:commandButton value="My upload button" onclick="$('.ui-fileupload-upload').click(); return false;" />

3个按钮使用css类

.ui-fileupload-choose
.ui-fileupload-cancel
.ui-fileupload-upload

用例如

隐藏它们

.ui-fileupload-upload {
    display: none;  
}