java实现多图片上传功能

更新时间：2019年08月23日 16:21:44 作者：齐天二圣

这篇文章主要为大家详细介绍了java多图片同步上传功能的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了java实现多图片上传功能的具体代码，供大家参考，具体内容如下

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

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

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

<!-- SpringMVC上传文件时，需要配置MultipartResolver处理器 -->
 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="defaultEncoding" value="UTF-8"/> 
<!-- 指定所上传文件的总大小不能超过500KB。注意maxUploadSize属性的限制不是针对单个文件，而是所有文件的容量之和。
这个的大小是以字节为单位的，要多大自己算好了再设置-->
   <property name="maxUploadSize" value="500000"/>
   <!-- 最大内存大小 (10240)-->
   <property name="maxInMemorySize" value="40960" />
 </bean>

第二步：写jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上传图片</title>
</head>
<body>
 <form action="filesUpload" method="POST" name="xiangmu" id="xiangmu"
 enctype="multipart/form-data">
 <table>
  <tr>
  <td>身份证图片上传：</td>
  <td><input type=file name="myfiles" id="doc"
   onchange="showImage();">
  </td>
  <div id="localImag">
   <img id="preview" width=-1 height=-1 style="diplay:none" />
  </div>
  </tr>
  <tr>
  <td>公司运营情况:</td>
  <!-- 为了实现张图片上传，上传框这个name要都一样 -->
  <td><input type="file" name="myfiles" id="doc1"></td>
  <td>   
  </td>
  </tr>
  <tr>
  <td><input type="submit" value="提交" />
  </td>
  </tr>
 </table>
 </form>
</body>

</html>

注意：

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

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

<script type="text/javascript">
 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;
 }
</script>

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

第四步：后台接收

@RequestMapping("/filesUpload")
 //requestParam要写才知道是前台的那个数组
 public String filesUpload(@RequestParam("myfiles") MultipartFile[] files,
  HttpServletRequest request) {
 List<String> list = new ArrayList<String>();
 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<String> saveFile(HttpServletRequest request,
  MultipartFile file, List<String> 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是文件夹，自己新建下再运行，免得出错。

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
这篇文章主要介绍了Eclipse+Java+Swing+Mysql实现电影购票系统并附详细的代码详解，需要的小伙伴可以参考一下
2022-01-01
java中给实体对象属性的空值赋默认值
这篇文章主要介绍了java中给实体对象属性的空值赋默认值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
Java Math.round函数详解
这篇文章主要介绍了Java Math.round函数详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-08-08
springboot整合vue2-uploader实现文件分片上传、秒传、断点续传功能
对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题,下面这篇文章主要给大家介绍了关于springboot整合vue2-uploader实现文件分片上传、秒传、断点续传功能的相关资料,需要的朋友可以参考下
2023-06-06
Java三种求水仙花数的方法
本篇文章通过求水仙花数的实例来让大家对JAVA求数的概念和方法有更深入的理解和应用，学习参考下吧。
2018-02-02
简单了解JavaCAS的相关知识原理
这篇文章主要介绍了简单了解JavaCAS的相关知识,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
一文教你如何使用Java灵活读取Excel内容
这篇文章主要给大家介绍了关于如何使用Java灵活读取Excel内容的相关资料,读取Excel数据是Java开发中常见的任务,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
2023-09-09
Java 用Prometheus搭建实时监控系统过程详解
这篇文章主要介绍了用Prometheus搭建实时监控系统过程详解之上帝之火，普罗米修斯的崛起，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
SpringMVC使用注解实现登录功能
这篇文章主要为大家详细介绍了SpringMVC使用注解实现登录功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
springboot接口返回数据类型全面解析
这篇文章主要介绍了springboot接口返回数据类型问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-12-12

java实现多图片上传功能

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具