使用 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
        }

在控制器端使用下面的代码来访问文件对象

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
}

attachmentsFiles 将包含所有上传的文件。