jquery - 用grails和jquery上传文件

Question

我有一个包含多个输入内容的表单以及一个doc或pdf文件上传。

//Multiple input fields are here then upload ->
<div class="controls">
    <div class="fileupload ${ person?.attachment ? 'fileupload-exists' : 'fileupload-new' }" id="attachment" data-provides="fileupload" data-name="attachment">
        <span class="btn btn-file">
            <span class="fileupload-new">Add</span>
            <span class="fileupload-exists">Change</span>
            <input type="file" />
        </span>
        <span class="fileupload-preview"></span>
        <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none">×</a>
    </div>
</div>

并使用jquery提交表单

$(document).on('click', "#submit", function () {
    //TODO Take the chosen file and upload it with form data
    //Taking data from form and contructing a object and posting it with ajax
}

当按#submit时，我不知道如何使用表单上传doc / pdf文件。

客户端上传来自here。

我看过g:form和g:uploadForm，但我真的不想使用它们，因为它们似乎可以刷新页面和/或重定向用户。

Answer 1

使用以下功能在表单提交时使用ajax发送文件
在查看结束时

        function formSubmit(){

           var formData=new FormData($('form#create-form')[0]);
            $.ajax({url: 'createAttachment', type:'POST', data: formData, processData: false,contentType: false,dataType: 'script',success:function(result){

            }});
            return false
        }

在 Controller 端，使用以下代码访问文件对象

def createAttachment = {
    List attachmentsFiles=[]
    request.fileNames.each {
        def singleFile = request.getFile(it)
        if(singleFile.getOriginalFilename()) {
            attachmentsFiles.add(singleFile)
        }
    }
    attachmentsFiles.each { file ->
       println(file.getOriginalFilename())
    }
  //put your code here
}

附件文件将具有所有上传的文件。