SpringMVC多个文件上传及上传后立即显示图片功能
2017-10-13 09:53
866 查看
多文件上传就是改良一个方法把MultipartFile类换成CommonsMultipartFile类,因为上传多个文件用数组方式的话MultipartFile类不能初始化,它不支持数组
package com.meng.upload; import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutputStream; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.multipart.commons.CommonsMultipartFile; @Controller public class upload { @RequestMapping(value="/upload",method=RequestMethod.POST) public String upload(@RequestParam("file1") CommonsMultipartFile[] file1, HttpServletRequest request) { for (CommonsMultipartFile commonsMultipartFile : file1) { try { File file = new File(request.getServletContext().getRealPath("upload"), System.currentTimeMillis() + "_" + commonsMultipartFile.getOriginalFilename()); System.out.println(file.getPath()+""); FileOutputStream fileOutputStream = new FileOutputStream(file); fileOutputStream.write(commonsMultipartFile.getBytes()); fileOutputStream.close(); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } } return "ok"; } }
index.jsp页面上传立即显示图片
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <title>My JSP 'index.jsp' starting page</title> <script type="text/javascript"> //判断浏览器是否支持FileReader接口 if (typeof FileReader == 'undefined') { alert("<h1>当前浏览器不支持FileReader接口</h1>"); } //选择图片,马上预览 function xmTanUploadImg(obj) { var file = obj.files[0]; var reader = new FileReader(); reader.onload = function(e) { var img = document.getElementById("img1"); img.src = e.target.result; } reader.readAsDataURL(file); } </script> </head> <body> <form action="upload.upload" method="post" enctype="multipart/form-data"> file1::<input type="file" name="file1" accept=".jpg,.png" onchange="xmTanUploadImg(this)" /> <input type="submit" /> <img id="img1" /> </form> </body> </html>
总结
以上所述是小编给大家介绍的SpringMVC多个文件上传及上传后立即显示图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- SpringMVC多个文件上传以及上传后立即显示图片
- springMVC图片文件上传功能的实现
- SpringMVC图片文件上传功能实现
- 实现文件上传功能,并在页面上显示上传的图片
- 关于ajax上传文件的流程 和选择图片立即显示
- springMVC图片文件上传功能的实现
- 关于ajaxfileupload.js一些问题和上传图片就立即显示图片功能
- 使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
- js显示上传图片的缩略图、验证上传文件的格式、验证上传文件大小、验证图片宽、高
- css实现上传文件,file按钮用图片显示
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- WPF用流的方式上传/显示/下载图片文件(保存在数据库)
- springmvc上传图片并显示图片--支持多图片上传
- springmvc和layui富文本编辑器实时上传图片功能实现
- ASP.NET MVC应用程序实现下载功能和显示上传的图片
- springmvc+tomcat图片上传后如何立即刷新出来
- springmvc上传图片文件
- jquery控制上传文件格式、大小以及图片预览功能
- ajax上传文件(以图片为例) SpringMVC