java - 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 .您应该以某种方式使用react，接受答案或描述为什么这不能解决您的问题。