Springmvc异步上传文件

最新推荐文章于 2025-08-17 21:38:20 发布

转载最新推荐文章于 2025-08-17 21:38:20 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tuifeideyouran/p/4641188.html

文章标签：

#java #javascript #json #ViewUI

本文介绍了一个使用SpringMVC实现文件上传的例子，通过HTML表单提交文件，并利用jQuery插件实现AJAX异步上传，同时展示了如何配置SpringMVC以支持文件上传及后端控制器处理文件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.ext.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<form action="" method="post" id="jvForm" enctype="multipart/form-data">
        <input type="text" name="name"/>
        <input type="file" name="pic" id="pic"/>
        <input type="submit" value="提交"/>
</form>
<script>
      $(function(){
          var options = {
              url : "upload/uploadPic.do",
              dataType : "json",
              type : "post",
              success : function(data){
                  alert(2);
              }
          };
          $("#pic").change(function(){
              alert(1);
             $("#jvForm").ajaxSubmit(options)
          });
      });
</script

springmvc配置文件处理器：

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
     <property name="maxUploadSize" value="1048576"/>
</bean>

controller

@Controller
@RequestMapping(value = "/upload")
public class UploadController {
    
    @RequestMapping(value = "/uploadPic.do")
    public String uploadPic(@RequestParam(required=false) MultipartFile pic){
        System.out.println(pic.getOriginalFilename());
        return "success";
    }
    
}

转载于:https://www.cnblogs.com/tuifeideyouran/p/4641188.html