ajax提交file表单，spring mvc后台获取file表单数据

1. form表单提交的方式，记住enctype=”multipart/form-data”

<form id="form" action="${context }/upload" method="post"        enctype="multipart/form-data">    <input type="text" name="name"> <input type="file" name="file">    <input type="submit" value="提交"></form>

这种方式会刷新页面，不利于用户体验和编码

2. ajax方式提交表单

<form id="form" action="${context }/upload" method="post"        enctype="multipart/form-data">    <input type="text" name="name"> <input type="file" name="file">    <input type="button" id="submit" value="提交"></form><script type="text/javascript">    $(function() {        $('#submit').click(function{            $.ajax({                url : "${context}/upload",                type : 'POST',                data : new FormData($("#form")[0]),                dataType: 'JSON',                      cache: false,                              processData: false,                          contentType: false,                success : function(result) {                },                error : function(err) {                }            });        })      })</script>

ajax方式有利于用户体验和提交结果获取

spring mvc后台Controller层代码：

@RequestMapping("/upload")@ResponseBodypublic String upload(@RequestParam("file") MultipartFile file) throws Exception {    System.out.println("---------------------------" + file.getOriginalFilename());    return "success";}