学习笔记 通过javascript ajax方式手动封装表单进行文件上传
2018-01-23 10:23
731 查看
前端代码:
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; }
相关文章推荐
- 通过Ajax方式提交form表单上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件(input file),使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- H5 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求(推荐阅读)
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 通过Ajax方式上传文件,使用FormData进行Ajax请求