springmvc+ajax+formdata如何实现上传图片
这篇文章主要介绍springmvc+ajax+formdata如何实现上传图片,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都一家集口碑和实力的网站建设服务商,拥有专业的企业建站团队和靠谱的建站技术,10年企业及个人网站建设经验 ,为成都上千余家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设,成都品牌网站建设,同时也为不同行业的客户提供网站设计制作、网站设计的服务,包括成都电商型网站制作建设,装修行业网站制作建设,传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联建站。
1、springmvc项目想要上传文件,需要使用multipart方式,所以在spring-mvc.xml配置文件中需要增加multipart相关配置,代码如下
2、jsp代码
需要注意的是,form 的 enctype 值必须为 multipart/form-data,这样才能在提交表单的时候传递文件数据。
如果要一次选择多个文件,可以在file表单添加"multiple",这样在选择文件时可以一次选择多个文件。
3、js代码
function morePicUpload(){ var formData = new FormData(document.getElementById("fileForm")); alert(0); $.ajax({ url : basePath+"morePicUpload", type : "post", data :formData, async : false, cache : false, dataType : "json", contentType : false, processData : false, success : function(data){ //code } }); }
先创建formData,用来存放表单中的内容,"fileForm"为jsp页面中form的id。
4、最后的是controller,代码如下
@RequestMapping("/morePicUpload") @ResponseBody public ResultTo morePicUpload(HttpServletRequest request){ ResultTo resultTo = new ResultTo(); resultTo.setData(""); MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; String id = multipartRequest.getParameter("id"); String name = multipartRequest.getParameter("name"); System.out.println(id); System.out.println(name); Listfilelist = multipartRequest.getFiles("pic"); for(MultipartFile file:filelist){ if(!file.isEmpty()){ System.out.println(file.getOriginalFilename()); } } return resultTo; }
使用"MultipartHttpServletRequest"可以获取form表单中的所有空间内容,文件可以通过"List
以上是“springmvc+ajax+formdata如何实现上传图片”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
文章名称:springmvc+ajax+formdata如何实现上传图片
本文网址:http://azwzsj.com/article/iicoei.html