这篇文章主要介绍springmvc+ajax+formdata如何实现上传图片,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
1、springmvc项目想要上传文件,需要使用multipart方式,所以在spring-mvc.xml配置文件中需要增加multipart相关配置,代码如下
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- one of the properties available; the maximum file size in bytes -->
<property name="maxUploadSize" value="50000000"/>
</bean>
2、jsp代码
<form action="picUpload" method="post" enctype="multipart/form-data" id="fileForm">
<input type="file" id="pic" name="pic" multiple><br><br>
<input type="text" id="id" name="id"><br><br>
<input type="text" id="name" name="name"><br><br>
<input type="button" value="上传" onclick="morePicUpload()"> </form>
需要注意的是,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);
List<MultipartFile> filelist = multipartRequest.getFiles("pic");
for(MultipartFile file:filelist){
if(!file.isEmpty()){
System.out.println(file.getOriginalFilename());
}
}
return resultTo;
}
使用"MultipartHttpServletRequest"可以获取form表单中的所有空间内容,文件可以通过"List<MultipartFile> filelist = multipartRequest.getFiles("pic");"方式获取,然后进行文件的上传等操作就行了。
以上是“springmvc+ajax+formdata如何实现上传图片”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。