当前位置： 移动技术网 > IT编程>开发语言>Java > SpringMVC多个文件上传及上传后立即显示图片功能

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

2019年07月19日  | 移动技术网IT编程  | 我要评论

多文件上传就是改良一个方法把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多个文件上传及上传后立即显示图片功能，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网