11.2 多个文件上传
很多应用都要求在一个界面中可以上传多个文件,Struts 2框架也可以方便地支持多个文件同时上传,一般可以使用数组和List来实现。
11.2.1 使用数组上传多个文件
(1)修改前面的upload.jsp文件,如代码11.5所示。
代码11.5 使用数组实现多个文件上传的JSP
<%@ page
language="java"
contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>使用数组实现多个文件上传</title>
</head>
<body>
<s:form action="doMultipleUploadUsingArray" method="POST" enctype="multipart/form-data">
<s:file label="文件1" name="upload" />
<s:file label="文件2" name="upload" />
<s:file label="文件3" name="upload" />
<s:submit value="上传"/>
</s:form>
</body>
</html>
(2)在该form中,定义了3个具有相同名称的文件域,所以需要在Action实现类中使用数组来封装这3个文件域。使用数组多个上传文件的业务控制器如代码11.6所示。
代码11.6 使用数组上传多个文件的业务控制器
package ch11;
import java.io.File;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Random;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;
public class MultipleFileUploadUsingArrayAction extends ActionSupport {
private File[] uploads;
private String[] uploadFileNames;
private String[] uploadContentTypes;
private String[] dir;
private String[] targetFileName;
//属性的getter和setter方法
public File[] getUpload() {
return this.uploads;
}
public void setUpload(File[] upload) {
this.uploads = upload;
}
public String[] getUploadFileName() {
return this.uploadFileNames;
}
public void setUploadFileName(String[] uploadFileName) {
this.uploadFileNames = uploadFileName;
}
public String[] getUploadContentType() {
return this.uploadContentTypes;
}
public void setUploadContentType(String[] uploadContentType) {
this.uploadContentTypes = uploadContentType;
}
//文件上传
public String upload() throws Exception {
// 获得upload路径的实际目录
String realPath = ServletActionContext.getRequest().getRealPath(
"/upload");
//获得实际目录
String targetDirectory = realPath;
String[] mydir = new String[uploads.length];
String[] tname = new String[uploads.length];
for (int i = 0; i < uploads.length; i++) {
// 生成保存文件的文件名称
tname[i] = generateFileName(uploadFileNames[i]);
// 保存文件的路径
mydir[i] = targetDirectory + "//" + tname[i];
// 建立一个目标文件
File target = new File(targetDirectory, tname[i]);
// 将临时文件复制到目标文件
FileUtils.copyFile(uploads[i], target);
}
setDir(mydir);
setTargetFileName(tname);
return SUCCESS;
}
// 为上传文件自动分配文件名称,避免重复
private String generateFileName(String fileName) {
// 获得当前时间
DateFormat format = new SimpleDateFormat("yyMMddHHmmss");
// 转换为字符串
String formatDate = format.format(new Date());
// 随机生成文件编号
int random = new Random().nextInt(10000);
// 获得文件后缀名称
int position = fileName.lastIndexOf(".");
String extension = fileName.substring(position);
// 组成一个新的文件名称
return formatDate + random + extension;
}
//属性的getter和setter方法
public String[] getDir() {
return dir;
}
public void setDir(String[] dir) {
this.dir = dir;
}
public String[] getTargetFileName() {
return targetFileName;
}
public void setTargetFileName(String[] targetFileName) {
this.targetFileName = targetFileName;
}
}
★ 说明 ★
使用数组上传多个文件同上传单个文件非常类似,并不复杂。
(3)在配置文件中增加如下配置:
<action name="doMultipleUploadUsingArray"
class="ch11.MultipleFileUploadUsingArrayAction"
method="upload">
<result>/ch11/multipleUploadUsingArray-success.jsp</result>
<result name="input">/ch11/multipleUploadUsingArray.jsp</result>
</action>
(4)multipleUploadUsingArray-success.jsp的内容如代码11.7所示。
代码11.7 multipleUploadUsingArray-success.jsp内容
<%@ page
language="java"
contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>多个文件上传示例</title>
</head>
<body>
<table border="1">
<!-- 使用迭代标签-->
<s:iterator value="dir" status="stat">
<tr>
<td>文件名称<s:property value="%{#stat.index}" /></td>
<td><s:property value="%{dir[#stat.index]}" /></td>
</tr>
</s:iterator>
</table>
<table border="1">
<!-- 使用迭代标签-->
<s:iterator value="uploadContentType" status="stat">
<tr>
<td>文件类型<s:property value="%{#stat.index}" /></td>
<td><s:property value="%{uploadContentType[#stat.index]}" /></td>
</tr>
</s:iterator>
</table>
<table border="1">
<!-- 使用迭代标签-->
<s:iterator value="+targetFileName" status="stat">
<tr>
<td>图片<s:property value="%{#stat.index}" /></td>
<td><img src="<s:property value="'/bookcode/upload/'+targetFileName[#stat.index]"/>"/></td>
</tr>
</s:iterator>
</table>
</body>
</html>
(5)运行该示例,在浏览器中输入http://localhost:8080/bookcode/ch11/multipleUpload UsingArray.jsp,界面如图11.9所示。
图11.9 使用数组上传多个文件界面
(6)在这里,选择3个gif文件,单击“上传”按钮,结果如图11.10所示。
图11.10 使用数组上传多个文件结果
11.2.2 使用List上传多个文件
使用List来上传多个文件同数组基本相同,上传JSP文件和success逻辑视图的JSP文件均不用修改,只是需要相应的Action实现类即可。
具体如何实现请参考本书的介绍。。。。。。。