关于图片上传工具类编写

package obj.controller;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
import java.util.UUID;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.multipart.MultipartFile;

public class upload2 {
   public List<String> uploadfile(HttpServletRequest request, MultipartFile[] files) {
      //返回所有上传成功的图片路径集合
      List<String> list = new ArrayList<String>();

      // 图片存放路径,将上传文件保存在tomcat服务器路径下
      String savePath = request.getServletContext().getRealPath("/serverimg");
      System.out.println(savePath);
//F:\eclipse\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\springmvc\serverimg

      File file = new File(savePath);
      // 如果目录不存在
      if (!file.exists()) {
         // 创建目录
         file.mkdirs();
      }

      if (files != null && files.length > 0) {
         for (int i = 0; i < files.length; i++) {
            // 得到上传的文件名字
            String imgname = files[i].getOriginalFilename();
            if (imgname!=null && imgname!="") {
               // 得到上传文件的扩展名
               String fileExtName = imgname.substring(imgname.lastIndexOf("."));
               // 保存的文件名生成uuid
               String filename = makeFileName(fileExtName);
               // 图片存放路径
               String filePath = savePath + "/" + filename;

               // 访问图片路径，往数据库里放直接可以显示图片的路径
               //String basePath = "http://localhost:8080"+request.getContextPath()+"/serverimg/";
               //String path = basePath + "/" + filename;
               // 访问图片路径，往数据库里放上传后的图片名字，路径需要前台自已写
               String path = filename;

               File saveDir = new File(filePath);
               if (!saveDir.getParentFile().exists()) {
                 saveDir.getParentFile().mkdirs();
               }

               // 转存文件
               try {
                 files[i].transferTo(saveDir);
               } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
               }
               list.add(path);
            }
         }
      }
      return list;
   }

   private String makeFileName(String fileExtName) {
      // 为防止文件覆盖的现象发生，要为上传文件产生一个唯一的文件名
      return UUID.randomUUID().toString().replace("-", "") + fileExtName;
   }

}
 

前台页面的编写

$(document).ready(function(){  
$('.jtt').get(0).onchange=function (e){
       var that=this;
       console.dir(this)
       var read=new FileReader();
       read.readAsDataURL(this.files[0]);
       console.log($('.sh2').get(0).src)
       read.onload=function () {
           $('.sh2').get(0).src=this.result;
       }  
       
       var formData = new FormData($("#form")[0]);

       
       $.ajax({
          url : '<%= request.getContextPath()%>/banner/img',
          type : "POST",
          data : formData,
          dataType : "json",
          processData : false, //必须false才会避开jQuery对 formdata 的默认处理
          contentType : false, //必须false才会自动加上正确的Content-Type
          cache : false, //true的话会读缓存
          success : function(data) {
              console.log(data);
            $.each(data,function(i,obj){
                console.log(obj)
                $("#form").append('<input type="text" name="banner" value="'+(obj)+'">');
            })
          }
       });
       
   }
})

依赖jar包

<!-- jsp依赖必须引入，不然访问jsp页面会另存为 -->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
            <scope>provided</scope>
        </dependency>