jsf中的ajaxified文件上传

Question

我想上传文件而不发布整个表单。文件上传工作正常，但提交了整个表单。当验证正确时，这可以正常工作。但是当 p.e.必填字段为空，上传不起作用并返回错误消息（必填字段缺失） 所以我尝试 ajax 文件上传（ajax=true）。但随后上传什么也没做。

我尝试了一种解决方法，将文件上传和其他字段以不同的形式。这可行，但结果是您在其他字段中更改的数据在进行文件上传时会被忽略。

有什么建议吗？

这是我使用的代码：

<t:inputFileUpload id="fileupload" value="#{prospectDetail.upFile}" size="50" />
<h:outputLabel for="description" value="#{msg.prospectdetail_description}"/>
<mw:inputText id="description" size="40" value="#{prospectDetail.fileDescription}" />
<p:commandButton styleClass="button" value="#{msg.common_upload}" action="#{prospectDetail.upload}" ajax="false" process="@form" onbegin="busyPopup.show()" oncomplete="busyPopup.hide();"/>

Answer 1

不能通过XMLHttpRequest 的第一个版本（这是JavaScript 中的核心Ajax 请求控制器对象）上传文件。 XMLHttpRequest 的第二个版本支持它，但这不是 <p:commandButton> 实现的（目前浏览器支持较低）。

您似乎已经在使用 PrimeFaces，为什么不直接使用它自己的 <p:fileUpload> 组件呢？ single upload 甚至 auto upload 示例应该为您完成（不要忘记在添加 PrimeFaces 的文件上传过滤器后从 web.xml 中删除 MyFaces 扩展过滤器！）。 PrimeFaces 的<p:fileUpload> 将在可用时自动使用 XHR2 文件上传。

我尝试了一种解决方法，即以不同的形式将文件上传和其他字段放在一起。这可行，但结果是您在其他字段中更改的数据在进行文件上传时会被忽略。

如果您将 bean 放入视图范围而不是请求范围并从操作方法返回 null 或 void，那么这应该可以工作。