javascript - grails ajax文件上传:form

Question

我有一个位于模式窗口中的表单，作为此表单的一部分，我有一个文件上传。

我正在努力寻找一种上传方式

 <g:form>

通过 Ajax。我知道我可以使用 uploadForm，但这会刷新页面，这不是我想要的。

我已经尝试了所有 ajax 文件上传 grails 插件，但没有成功。

谁能告诉我某种方法可以做到这一点。

我的尝试如下:

    <g:form action="save">

           <g:textField name="category" value=""/>

                  <g:uploadForm name="myUpload">
                         <input type="file" name="myFile" />
                  </g:uploadForm>

           <g:submitButton name="create"value="create" />


     </g:form>

     <g:javascript>
           $(document).ready(function() {
                 $('#myUpload').ajaxForm(function() {
                 alert("File upload finished!");
                 });
            });
     </g:javascript>

警报永远不会被触发。 我已经添加了相关的JS文件。

Answer 1

您可以使用 jquery ajax form plugin ajax 化上传表单.

如果你想通过ajax一次提交表单中的所有内容，你可以这样做:

<g:uploadForm name="myUpload" action="save">
    <g:textField name="category" value=""/>
    <input type="file" name="myFile" />
    <g:submitButton name="create"value="create" />
</g:uploadForm>

<script> 
    $(document).ready(function() { 
        $('#myUpload').ajaxForm(function() { 
            alert("File upload finished!"); 
        }); 
    }); 
</script>