Wicket multiuploadField 自动提交

Question

我在 wicket 项目中创建了一个 multiuploadField 对象，它允许在单击提交按钮后选择文件并提交文件。但是我想在用户选择文件后自动提交表单并上传文件而不单击提交按钮。是否有可能做到这一点？有什么方法可以使用 onChange 事件或其他任何方法。

<form wicket:id="simpleUpload">
            <fieldset>
                <legend>Upload form</legend>
                <p>
                <div wicket:id="fileInput" class="mfuex" />
                </p>
               <input type="submit" value="Upload!" />
            </fieldset>
</form>

提前致谢。

Answer 1

是的，您必须将AjaxFormSubmitBehavior 与change 事件一起用于文件输入字段。

如我所见，您使用的是MultiFileUploadField，所以只需添加：

fileInput.add ( new AjaxFormSubmitBehavior(form/*optional*/, 'change') 
                {
                   @Override
                   protected void onSubmit ( AjaxRequestTarget target )
                   {
                      super.onSubmit ( target );
                   }
                   /* you can also override other methods here, 
                      but note that Form's submit method will
                      be called too.*/
                } );

fileInput 是文件上传字段，form 是存储字段的表单。如果没有发生提交事件，则检查onError 方法是否您的表单有一些验证。

请注意，每次您从系统文件选择器中选择文件时都会调用此行为。 MultiFileUploadField 不允许同时选择多个文件。只能一一添加。

要一次选择一些文件，您可以使用FileUploadField 和HTML5 标签multiple，因此您的标记将如下：

<input wicket:id="fileInput" type="file" multiple="multiple"/>

它只适用于 HTML5，对于其他版本，它只允许加载一个文件，但上述提交方法也适用于此。

更新

实际上我已经为您描述了大部分内容here。您应该以某种方式做出反应，接受答案或描述为什么这不能解决您的问题。