以g:形式grails ajax文件上传

时间:2014-01-23 16:17:04

标签: javascript jquery ajax grails

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

我很难找到一种上传方式

 <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文件。

1 个答案:

答案 0 :(得分:1)

您可以使用jquery ajax form plugin

来上传您的上传表单

如果您想通过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>