java实现多图片上传功能

2024-11-30 17:30:25

本文实例为大家分享了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是文件夹，自己新建下再运行，免得出错。

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

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

Java+mysql本地图片上传数据库及下载示例

做一个将本地图片上传到mysql数据库的小实例,顺便也下载下来到桌面检测是否上传成功. 在写代码之前得先在数据库中建立image表,用来存储图片. create table image (id int primary key auto_increment , name varchar(30) COMMENT '名称', content mediumblob COMMENT '图片'); 下面直接上代码: package jdbc_imagetest; import java.io.*; impo
JavaWeb实现裁剪图片上传完整代码

本文实例为大家分享了JavaWeb实现裁剪图片上传完整案例,供大家参考,具体内容如下实现思路 •使用jcrop插件手机要裁剪图片的坐标 •将收集到的参数传递到后台,在后台使用java图形对象绘制图像进行裁剪 ◦后台处理流程: 1.将上传的图片按按照比例进行压缩后上传到文件服务器,并且将压缩后的图片保存在本地临时目录中. 2.将压缩后的图片回显到页面,使用jcrop进行裁剪,手机裁剪坐标(x,y,width,height) ■@paramx 目标切片起点坐标X ■@param y 目标切片起点
微信 java 实现js-sdk 图片上传下载完整流程

最近做的一个项目刚好用到微信js-sdk的图片上传接口,在这里做一下总结. 在这里能知道使用js api的基本配置 https://mp.weixin.qq.com/wiki t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 我这里没有用checkJsApi去判断当前客户端版本是否支持指定JS接口,好.通过看开发文档,我们知道调用js接口直接都要通过config接口注入权限验证配置 <code class="
java web图片上传和文件上传实例

图片上传和文件上传本质上是一样的,图片本身也是文件.文件上传就是将图片上传到服务器,方式虽然有很多,但底层的实现都是文件的读写操作. 注意事项 1.form表单一定要写属性enctype="multipart/form-data" 2.为了能保证文件能上传成功file控件的name属性值要和你提交的控制层变量名一致, 例如空间名是file那么你要在后台这样定义 private File file; //file控件名 private String fileContentType;//图
Java实现图片上传到服务器并把上传的图片读取出来

在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢? 下面说一下我的实现过程(只是个人实现思路,实际网站怎么实现的不太清楚) 实现的思路: 工具:MySQL,eclipse 首先,在MySQL中创建了两个表,一个t_user表,用来存放用户名,密码等个人信息, 一个t_touxiang表,用来存放上传的图片在服务器中的存放路径,以及图片名字和用户ID, T_touxiang表中的用户ID对应了t_user中的i
Java图片上传实现代码

本文实例为大家分享了Java图片上传代码,供大家参考,具体内容如下 import java.io.*; import java.net.*; /* *发送端 */ class picsend { public static void main(String[] args) throws Exception { if(args.length!=1) { System.out.println("请选择一张.jpg图片"); return; } File file = new File(ar
java通过模拟post方式提交表单实现图片上传功能实例

本文实例讲述了java通过模拟post方式提交表单实现图片上传功能.分享给大家供大家参考,具体如下: 模拟表单html如下: <form action="up_result.jsp" method="post" enctype="multipart/form-data" name="form1" id="form1"> <label> <input type="tex
java使用CKEditor实现图片上传功能

java如何使用CKEditor实现图片上传功能,具体内容如下 1.根据实际需要下载指定的CKEditor 2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡删除image.js中包含在双引号中的上述文本将image.js中的hidden属性值改为0 3.修改ckeditor/config.js文件,配置"上传到服务器"按钮调用的controller接口 4."上传到服务器&
Java实现的图片上传工具类完整实例

本文实例讲述了Java实现的图片上传工具类.分享给大家供大家参考,具体如下: package com.gcloud.common; import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import java.io.*; /** * 图片上传工具类 * Created by charlin on 2017/9/10. */ public class UploadImageUtil { private String f
Java以struts2为例介绍如何实现图片上传

总的说图片上传有两种方式,一种是把图片文件写到数据库中,另一种是存到服务器文件目录中.写到数据库中的图片文件需要转换成二进制流的格式,占用数据库空间比较,适合少量图片的存储,比如说,系统中某些小图标,写到数据库中的优点是比较安全,不容易被用户不小心删除. 在struts2中实现(以图片上传为例) 1.FileUpload.jsp代码清单如下: <%@ page language="java" import="java.util.*" pageEncoding=

java实现多图片上传功能

相关推荐

随机推荐