SpringMVC多个文件上传及上传后立即显示图片功能
多文件上传就是改良一个方法把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多个文件上传及上传后立即显示图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!