单个文件
1.先看springMVC文件上传:https://www.cnblogs.com/kfsrex/p/11461914.html
2.在springMVC上传成功基础上,在jsp页面修改成ajax,ajax一定要加processData: false, contentType: false,
JSP页面的AJAX
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE html> <html> <head> <Meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action="<c:url value='/user/upload'/>" method="post" enctype="multipart/form-data"> userId:<input type="text" name="userId"/><br/> phone:<input type="file" name="myfile"/><br/> <input type="button" value="提交"/><br/> </form> </body> <script type="text/javascript" src="<c:url value='/js/jquery-3.2.1.min.js'/>"></script> <script type="text/javascript"> $("input[type='button']").click(function () { var formData=new FormData($("form")[0]); alert(formData); $.ajax({ url:"<c:url value='/user/upload'/>", data:formData, type:"post", async:"false", cache: false,
processData: false,//一定要加 contentType: false,//一定要加
success:function(rd){ alert(rd); } }); }); </script> </html> |
3.CONTROLLER层和springMVC单个文件上传一样接收保存
多个文件
1.页面在ajax单个文件上传成功基础上,只需在type="file"上添加属性multiple="multiple"
2.CONTROLLER层和springMVC多个文件上传一样接收保存
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。