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

【问题标题】：Prevent primefaces uploaded file from disappearing when it completes uploading防止primefaces上传的文件在完成上传后消失
【发布时间】：2016-05-06 13:39:08
【问题描述】：

我想实现一个多文件上传。

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

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

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

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

那么，在这种情况下，是否可以防止上传文件在上传时消失？

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

【问题讨论】：

如果我理解，您可以执行第二个选项，并将上传的文件显示在数据表或类似文件中，并可选择再次删除
对于第二种方式，我需要类似 javascript 代码的东西来防止文件在上传完成后隐藏，但老实说，我更喜欢第一种方式的解决方案，在提交按钮上上传文件适合我应用程序不仅仅是在选择它们时自动上传它们。

标签： jsf file-upload primefaces jsf-2.2

【解决方案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;  
}

【讨论】：