学习笔记 通过javascript ajax方式手动封装表单进行文件上传

前端代码:

   
    var files = document.getElementById("file").files;
    var data = "this is a data";
    var formData = new FormData();
    if(files != undefined && files != null){
          for(var i = 0; i < files.length; i++){
              formData.append('file', files[i].file);
          }
    }
            
    formData.append('data', data);
    $.ajax({
            url: "/aaa/insert",
            type: 'post',
            cache: false,
            data: formData,
            processData: false,
            contentType: false,
            success: function (data) {

                // TODO 


            },
            error: function (con) {
                // TODO
            }
    });

后端接收:

@RequestMapping(value = "/insert")
@ResponseBody
public Object save(@RequestParam(value = "file", required = false) org.springframework.web.multipart.commons.CommonsMultipartFile[] mFiles, @RequestParam String data) {
    // TODO


    return null;
}

猜你喜欢

转载自blog.csdn.net/Vincent_Field/article/details/79136336