微客导航 » 文章资讯 » SpringMVC多个文件上传及上传后立即显示图片功能

SpringMVC多个文件上传及上传后立即显示图片功能

2023-09-23 07:49:05 268

多文件上传就是改良一个方法把MultipartFile类换成CommonsMultipartFile类，因为上传多个文件用数组方式的话MultipartFile类不能初始化，它不支持数组

packagecom.meng.upload;
importjava.io.File;
importjava.io.FileNotFoundException;
importjava.io.FileOutputStream;
importjavax.servlet.http.HttpServletRequest;
importorg.springframework.stereotype.Controller;
importorg.springframework.web.bind.annotation.RequestMapping;
importorg.springframework.web.bind.annotation.RequestMethod;
importorg.springframework.web.bind.annotation.RequestParam;
importorg.springframework.web.multipart.MultipartFile;
importorg.springframework.web.multipart.commons.CommonsMultipartFile;
@Controller
publicclassupload{
@RequestMapping(value="/upload",method=RequestMethod.POST)
publicStringupload(@RequestParam("file1")CommonsMultipartFile[]file1,HttpServletRequestrequest){
for(CommonsMultipartFilecommonsMultipartFile:file1){
try{
Filefile=newFile(request.getServletContext().getRealPath("upload"),
System.currentTimeMillis()+"_"
+commonsMultipartFile.getOriginalFilename());
System.out.println(file.getPath()+"");
FileOutputStreamfileOutputStream=newFileOutputStream(file);
fileOutputStream.write(commonsMultipartFile.getBytes());
fileOutputStream.close();
}catch(Exceptione){
//TODOAuto-generatedcatchblock
e.printStackTrace();
}
}
return"ok";
}
}

index.jsp页面上传立即显示图片

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>


MyJSP'index.jsp'startingpage

//判断浏览器是否支持FileReader接口
if(typeofFileReader=='undefined'){
alert("当前浏览器不支持FileReader接口");
}
//选择图片，马上预览
functionxmTanUploadImg(obj){
varfile=obj.files[0];
varreader=newFileReader();
reader.onload=function(e){
varimg=document.getElementById("img1");
img.src=e.target.result;
}
reader.readAsDataURL(file);
}




file1::

总结

以上所述是小编给大家介绍的SpringMVC多个文件上传及上传后立即显示图片功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

SpringMVC多个文件上传及上传后立即显示图片功能

当前浏览器不支持FileReader接口

热门推荐

随机推荐