网站建设资讯

NEWS

网站建设资讯

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://cdweb.net/article/jgdggg.html