java实现多图片上传功能
程序员文章站
2023-11-27 14:36:04
本文实例为大家分享了java实现多图片上传功能的具体代码，供大家参考，具体内容如下
开发环境：jdk1.7，myeclipse10
框架用的是spring。用到了mav...
本文实例为大家分享了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是文件夹，自己新建下再运行，免得出错。
结束，全部复制就可以实现了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。