AJAX提交数据时，参数与file一同提交

最新推荐文章于 2022-03-06 21:10:33 发布

原创最新推荐文章于 2022-03-06 21:10:33 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

21 篇文章

订阅专栏

JAVA

19 篇文章

订阅专栏

本文介绍了一种通过Ajax实现文件与JSON数据一并提交的方法。具体步骤包括：使用FormData对象组合文件与其他表单数据；设置Ajax请求contentType为false，processData为false，mimeType为multipart/form-data；在Controller端通过MultipartFile接收文件，利用request对象获取JSON字符串。

提交数据时，参数与file一同提交
1、ajax
url:A_Url,
contentType: false,
processData: false,
mimeType: "multipart/form-data",
type:"POST",

data:formData

2、data
var formData = new FormData();
formData.append('file', imageFile);
formData.append("json",JSON.stringify(jsondata));

3、Controller

   @RequestMapping(value="xx",method = RequestMethod.POST)
   @ResponseBody
   public Tip xx(MultipartFile file, HttpServletRequest request){
       String json = request.getParameter("json");
       if(json==null || json.length()==0){
           return ("无效参数");
       }
       JSONObject json = JSONObject.parseObject(postdata);
       return service.select(file,json);
   }