Primefaces 文件上传 - 确保用户在离开页面之前上传文件答案

【问题标题】：Primefaces File Upload - Make sure user uploads files before leaving pagePrimefaces 文件上传 - 确保用户在离开页面之前上传文件
【发布时间】：2022-11-13 22:09:25
【问题描述】：

我正在使用带有 mode="advanced" 和 multiple="true" 的 PrimeFaces 文件上传，就像这里的演示 https://www.primefaces.org/showcase/ui/file/upload/multiple.xhtml?jfwid=50dd6

在这种情况下，用户上传多个文件并显示文件以编辑列表。然后用户必须单击“上传”以上传文件。如果他们未能点击上传并提交页面上的表单，则文件不会上传。我知道 auto="true" 选项，但我们希望保留编辑列表的能力。

如果用户有挂起的文件上传，如何防止表单提交？

【问题讨论】：

标签： primefaces

【解决方案1】：

好吧，我不知道您是否正在使用其他一些“脏”表单逻辑，但您不能在 FileUploader 的onAdd JS 函数中设置脏标志吗？

onAdd=('setDirty(true);')

然后你可以使用onBeforeUnload 来显示这个帖子中的脏对话框：What is the easiest way to detect if at least one field has been changed on an HTML form?

【讨论】：