java实现多图片上传功能的方法

这篇文章主要介绍了java实现多图片上传功能的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、网站建设、蓬莱网络推广、微信小程序开发、蓬莱网络营销、蓬莱企业策划、蓬莱品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供蓬莱建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

具体内容如下

开发环境：jdk1.7，MyEclipse10
框架用的是spring。用到了maven工具（maven的包百度下就可以）。

四步完成，全部复制改参数就可以

第一步：先在Spring中对图片进行限制

第二步：写jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>





上传图片


 
 
  
  
  
  
   
  
  
  
  
  
  
  
  
  
  
  
 身份证图片上传： 
  
公司运营情况:

注意：

多图上传，上传框的name要都一样，等于发送了一个MultipartFile[]数组。
不仅支持上传图片，还支持多文件上传。
form的enctype=“multipart/form-data”，这个是上传文件必须的。

第三步：如果你要实现页面展现图片的功能，就在jsp页面添加下面的方法：


 function showImage() {
 var docObj = document.getElementById("doc");
 var imgObjPreview = document.getElementById("preview");
 if (docObj.files && docObj.files[0]) {
  //火狐下，直接设img属性 
  imgObjPreview.style.display = 'block';
  imgObjPreview.style.width = '300px';
  imgObjPreview.style.height = '120px';
  //imgObjPreview.src = docObj.files[0].getAsDataURL(); 
  //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式 
  imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
 } else {
  //IE下，使用滤镜 
  docObj.select();
  var imgSrc = document.selection.createRange().text;
  var localImagId = document.getElementById("localImag");
  //必须设置初始大小 
  localImagId.style.width = "250px";
  localImagId.style.height = "200px";
  //图片异常的捕捉，防止用户修改后缀来伪造图片 
  try {
  localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
  localImagId.filters
   .item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
  } catch (e) {
  alert("您上传的图片格式不正确，请重新选择!");
  return false;
  }
  imgObjPreview.style.display = 'none';
  document.selection.empty();
 }
 return true;
 }

注意：这个方法只能上传一张来显示，除非你设置多个div。或者：展示多个图片可以找找其他方法。

第四步：后台接收

@RequestMapping("/filesUpload")
 //requestParam要写才知道是前台的那个数组
 public String filesUpload(@RequestParam("myfiles") MultipartFile[] files,
  HttpServletRequest request) {
 List list = new ArrayList();
 if (files != null && files.length > 0) {
  for (int i = 0; i < files.length; i++) {
  MultipartFile file = files[i];
  // 保存文件
  list = saveFile(request, file, list);
  }
 }
 //写着测试，删了就可以
 for (int i = 0; i < list.size(); i++) {
  System.out.println("集合里面的数据" + list.get(i));
 }
 return "index";//跳转的页面
 }

 private List saveFile(HttpServletRequest request,
  MultipartFile file, List list) {
 // 判断文件是否为空
 if (!file.isEmpty()) {
  try {
  // 保存的文件路径(如果用的是Tomcat服务器，文件会上传到\\%TOMCAT_HOME%\\webapps\\YourWebProject\\upload\\文件夹中
  // )
  String filePath = request.getSession().getServletContext()
   .getRealPath("/")
   + "upload/" + file.getOriginalFilename();
  list.add(file.getOriginalFilename());
  File saveDir = new File(filePath);
  if (!saveDir.getParentFile().exists())
   saveDir.getParentFile().mkdirs();

  // 转存文件
  file.transferTo(saveDir);
  return list;
  } catch (Exception e) {
  e.printStackTrace();
  }
 }
 return list;
 }

注意：upload是文件夹，自己新建下再运行，免得出错。

结束，全部复制就可以实现了。

感谢你能够认真阅读完这篇文章，希望小编分享的“java实现多图片上传功能的方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

分享名称：java实现多图片上传功能的方法
路径分享：http://www.cdxtjz.cn/article/jgdggg.html

java实现多图片上传功能的方法

其他资讯