java实现多图片上传功能

2023-08-16 17:13:04 77

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

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

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

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

第二步：写jsp页面

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





上传图片








身份证图片上传：




公司运营情况:

注意：

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

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


functionshowImage(){
vardocObj=document.getElementById("doc");
varimgObjPreview=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();
varimgSrc=document.selection.createRange().text;
varlocalImagId=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("您上传的图片格式不正确，请重新选择!");
returnfalse;
}
imgObjPreview.style.display='none';
document.selection.empty();
}
returntrue;
}

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

第四步：后台接收

@RequestMapping("/filesUpload")
//requestParam要写才知道是前台的那个数组
publicStringfilesUpload(@RequestParam("myfiles")MultipartFile[]files,
HttpServletRequestrequest){
Listlist=newArrayList();
if(files!=null&&files.length>0){
for(inti=0;isaveFile(HttpServletRequestrequest,
MultipartFilefile,Listlist){
//判断文件是否为空
if(!file.isEmpty()){
try{
//保存的文件路径(如果用的是Tomcat服务器，文件会上传到\\%TOMCAT_HOME%\\webapps\\YourWebProject\\upload\\文件夹中
//)
StringfilePath=request.getSession().getServletContext()
.getRealPath("/")
+"upload/"+file.getOriginalFilename();
list.add(file.getOriginalFilename());
FilesaveDir=newFile(filePath);
if(!saveDir.getParentFile().exists())
saveDir.getParentFile().mkdirs();

//转存文件
file.transferTo(saveDir);
returnlist;
}catch(Exceptione){
e.printStackTrace();
}
}
returnlist;
}

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

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

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

java实现多图片上传功能

热门推荐

随机推荐