1<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"> 2 <input type="text" name="name"/> 3 <input type="file" name="pic" id="pic"/> 4 <input type="submit" value="提交"/> 5</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配置文件处理器:
1<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> 2 <property name="maxUploadSize" value="1048576"/> 3</bean>
controller
1@Controller 2@RequestMapping(value = "/upload") 3public class UploadController { 4 5 @RequestMapping(value = "/uploadPic.do") 6 public String uploadPic(@RequestParam(required=false) MultipartFile pic){ 7 System.out.println(pic.getOriginalFilename()); 8 return "success"; 9 } 10 11}