struts動態多檔案上傳實現
能同時上傳單個檔案或多個檔案並建立資料夾，可以任意增減檔案數目，執行結果
//action
package upload.multi;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
public class MultiUploadAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request,
HttpServletResponse response) {
MultiUploadForm multiUploadForm = (MultiUploadForm) form;
List myFiles = multiUploadForm.getMyFiles();
try{
for(int i =0;i<myFiles.size();i++){
UploadFile uploadFile = (UploadFile)myFiles.get(i);
FormFile file = uploadFile.getFile();
if(file==null){
System.out.println("file is null");
}else{
//能執行到這裡，就可以使用單個檔案上傳的方法進行上傳了。迴圈而已
System.out.println("filename:::" + file.getFileName());
System.out.println("file size:::" + file.getFileSize());
}
}
}catch(Exception e){
e.printStackTrace();
}
return null;
}
}
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
public class MultiUploadAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request,
HttpServletResponse response) {
MultiUploadForm multiUploadForm = (MultiUploadForm) form;
List myFiles = multiUploadForm.getMyFiles();
try{
for(int i =0;i<myFiles.size();i++){
UploadFile uploadFile = (UploadFile)myFiles.get(i);
FormFile file = uploadFile.getFile();
if(file==null){
System.out.println("file is null");
}else{
//能執行到這裡，就可以使用單個檔案上傳的方法進行上傳了。迴圈而已
System.out.println("filename:::" + file.getFileName());
System.out.println("file size:::" + file.getFileSize());
}
}
}catch(Exception e){
e.printStackTrace();
}
return null;
}
}
//form
package upload.multi;
import java.util.ArrayList;
import java.util.List;
import org.apache.struts.action.ActionForm;
public class MultiUploadForm extends ActionForm {
private List myFiles;
public MultiUploadForm() {
myFiles = new ArrayList();
//為了能夠在頁面初始顯示一個file
myFiles.add(new UploadFile());
}
public List getMyFiles() {
return myFiles;
}
//注意這個方法的定義
public UploadFile getUploadFile(int index) {
int size = myFiles.size();
if (index > size - 1) {
for (int i = 0; i < index - size + 1; i++) {
myFiles.add(new UploadFile());
}
}
return (UploadFile) myFiles.get(index);
}
public void setMyFiles(List myFiles) {
this.myFiles = myFiles;
}
}
import java.util.ArrayList;
import java.util.List;
import org.apache.struts.action.ActionForm;
public class MultiUploadForm extends ActionForm {
private List myFiles;
public MultiUploadForm() {
myFiles = new ArrayList();
//為了能夠在頁面初始顯示一個file
myFiles.add(new UploadFile());
}
public List getMyFiles() {
return myFiles;
}
//注意這個方法的定義
public UploadFile getUploadFile(int index) {
int size = myFiles.size();
if (index > size - 1) {
for (int i = 0; i < index - size + 1; i++) {
myFiles.add(new UploadFile());
}
}
return (UploadFile) myFiles.get(index);
}
public void setMyFiles(List myFiles) {
this.myFiles = myFiles;
}
}
//fuplodile
package upload.multi;
import java.io.Serializable;
import org.apache.struts.upload.FormFile;
public class UploadFile implements Serializable {
private FormFile file;
public FormFile getFile() {
System.out.println("run in uploadFile.getFile()");
return file;
}
public void setFile(FormFile file) {
this.file = file;
}
}
import java.io.Serializable;
import org.apache.struts.upload.FormFile;
public class UploadFile implements Serializable {
private FormFile file;
public FormFile getFile() {
System.out.println("run in uploadFile.getFile()");
return file;
}
public void setFile(FormFile file) {
this.file = file;
}
}
//jsp
<%@ page contentType="text/html; charset=GBK"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-nested.tld" prefix="nested"%>
<html>
<head>
<title>multiUploadDemo</title>
</head>
<script language="javascript" >
function addFile(){
var Rows=tableFiles.rows;//類似陣列的Rows
var newRow=tableFiles.insertRow(tableFiles.rows.length);//插入新的一行
var Cells=newRow.cells;//類似陣列的Cells
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
newCell.innerHTML= "<input type=file name=uploadFile["+ (tableFiles.rows.length-1) + "].file value=''/>"
}
function delFile(){
if (tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function deleteOtherFiles(){
while(tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function setAddDelBtnDisplay(){
var objChkFolder = document.getElementById("chkUploadFolder");
var objBtn = document.getElementById("RowAddDelBtn");
if(objChkFolder.checked){
objBtn.style.display="";
}else{
deleteOtherFiles();
objBtn.style.display="none";
}
}
function upload(){
multiUploadForm.submit();
}
</script>
<body bgcolor="#ffffff">
<html:form method="post" action="/multiUploadAction.do" enctype="multipart/form-data">
<table border="1">
<TBODY>
<tr>
<td>
上傳檔案(<input name="chkUploadFolder" type="checkbox" onclick="setAddDelBtnDisplay();"/>資料夾)
</td>
</tr>
<tr>
<td>
<table id="tableFiles">
<nested:iterate id="uploadFile" property="myFiles" name="multiUploadForm" indexId="index">
<nested:nest property="uploadFile">
<tr>
<td>
<nested:file property="file" name="uploadFile" indexed="true" />
</td>
</tr>
</nested:nest>
</nested:iterate>
</table>
</td>
</tr>
<TR id ="RowAddDelBtn" style="display: none;">
<td align="center">
<table>
<tr>
<td>
資料夾名：<input type="text" name="folderName" size="10"/>
</td>
<td>
<input type="button" name="btnAddFile" value="Add File" onclick="addFile()" />
</td>
<td>
<input type="button" name="btnAddFile" value="Del File" onclick="delFile()" />
</td>
</tr>
</table>
</td>
</TR>
<TR>
<td>
<input type="button" name="btnUpload" value="upload" onclick="upload()">
</td>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-nested.tld" prefix="nested"%>
<html>
<head>
<title>multiUploadDemo</title>
</head>
<script language="javascript" >
function addFile(){
var Rows=tableFiles.rows;//類似陣列的Rows
var newRow=tableFiles.insertRow(tableFiles.rows.length);//插入新的一行
var Cells=newRow.cells;//類似陣列的Cells
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
newCell.innerHTML= "<input type=file name=uploadFile["+ (tableFiles.rows.length-1) + "].file value=''/>"
}
function delFile(){
if (tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function deleteOtherFiles(){
while(tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function setAddDelBtnDisplay(){
var objChkFolder = document.getElementById("chkUploadFolder");
var objBtn = document.getElementById("RowAddDelBtn");
if(objChkFolder.checked){
objBtn.style.display="";
}else{
deleteOtherFiles();
objBtn.style.display="none";
}
}
function upload(){
multiUploadForm.submit();
}
</script>
<body bgcolor="#ffffff">
<html:form method="post" action="/multiUploadAction.do" enctype="multipart/form-data">
<table border="1">
<TBODY>
<tr>
<td>
上傳檔案(<input name="chkUploadFolder" type="checkbox" onclick="setAddDelBtnDisplay();"/>資料夾)
</td>
</tr>
<tr>
<td>
<table id="tableFiles">
<nested:iterate id="uploadFile" property="myFiles" name="multiUploadForm" indexId="index">
<nested:nest property="uploadFile">
<tr>
<td>
<nested:file property="file" name="uploadFile" indexed="true" />
</td>
</tr>
</nested:nest>
</nested:iterate>
</table>
</td>
</tr>
<TR id ="RowAddDelBtn" style="display: none;">
<td align="center">
<table>
<tr>
<td>
資料夾名：<input type="text" name="folderName" size="10"/>
</td>
<td>
<input type="button" name="btnAddFile" value="Add File" onclick="addFile()" />
</td>
<td>
<input type="button" name="btnAddFile" value="Del File" onclick="delFile()" />
</td>
</tr>
</table>
</td>
</TR>
<TR>
<td>
<input type="button" name="btnUpload" value="upload" onclick="upload()">
</td>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html>
//config
<%@ page contentType="text/html; charset=GBK"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-nested.tld" prefix="nested"%>
<html>
<head>
<title>multiUploadDemo</title>
</head>
<script language="javascript" >
function addFile(){
var Rows=tableFiles.rows;//類似陣列的Rows
var newRow=tableFiles.insertRow(tableFiles.rows.length);//插入新的一行
var Cells=newRow.cells;//類似陣列的Cells
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
newCell.innerHTML= "<input type=file name=uploadFile["+ (tableFiles.rows.length-1) + "].file value=''/>"
}
function delFile(){
if (tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function deleteOtherFiles(){
while(tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function setAddDelBtnDisplay(){
var objChkFolder = document.getElementById("chkUploadFolder");
var objBtn = document.getElementById("RowAddDelBtn");
if(objChkFolder.checked){
objBtn.style.display="";
}else{
deleteOtherFiles();
objBtn.style.display="none";
}
}
function upload(){
multiUploadForm.submit();
}
</script>
<body bgcolor="#ffffff">
<html:form method="post" action="/multiUploadAction.do" enctype="multipart/form-data">
<table border="1">
<TBODY>
<tr>
<td>
上傳檔案(<input name="chkUploadFolder" type="checkbox" onclick="setAddDelBtnDisplay();"/>資料夾)
</td>
</tr>
<tr>
<td>
<table id="tableFiles">
<nested:iterate id="uploadFile" property="myFiles" name="multiUploadForm" indexId="index">
<nested:nest property="uploadFile">
<tr>
<td>
<nested:file property="file" name="uploadFile" indexed="true" />
</td>
</tr>
</nested:nest>
</nested:iterate>
</table>
</td>
</tr>
<TR id ="RowAddDelBtn" style="display: none;">
<td align="center">
<table>
<tr>
<td>
資料夾名：<input type="text" name="folderName" size="10"/>
</td>
<td>
<input type="button" name="btnAddFile" value="Add File" onclick="addFile()" />
</td>
<td>
<input type="button" name="btnAddFile" value="Del File" onclick="delFile()" />
</td>
</tr>
</table>
</td>
</TR>
<TR>
<td>
<input type="button" name="btnUpload" value="upload" onclick="upload()">
</td>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-nested.tld" prefix="nested"%>
<html>
<head>
<title>multiUploadDemo</title>
</head>
<script language="javascript" >
function addFile(){
var Rows=tableFiles.rows;//類似陣列的Rows
var newRow=tableFiles.insertRow(tableFiles.rows.length);//插入新的一行
var Cells=newRow.cells;//類似陣列的Cells
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
newCell.innerHTML= "<input type=file name=uploadFile["+ (tableFiles.rows.length-1) + "].file value=''/>"
}
function delFile(){
if (tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function deleteOtherFiles(){
while(tableFiles.rows.length > 1){
tableFiles.deleteRow(tableFiles.rows.length-1);
}
}
function setAddDelBtnDisplay(){
var objChkFolder = document.getElementById("chkUploadFolder");
var objBtn = document.getElementById("RowAddDelBtn");
if(objChkFolder.checked){
objBtn.style.display="";
}else{
deleteOtherFiles();
objBtn.style.display="none";
}
}
function upload(){
multiUploadForm.submit();
}
</script>
<body bgcolor="#ffffff">
<html:form method="post" action="/multiUploadAction.do" enctype="multipart/form-data">
<table border="1">
<TBODY>
<tr>
<td>
上傳檔案(<input name="chkUploadFolder" type="checkbox" onclick="setAddDelBtnDisplay();"/>資料夾)
</td>
</tr>
<tr>
<td>
<table id="tableFiles">
<nested:iterate id="uploadFile" property="myFiles" name="multiUploadForm" indexId="index">
<nested:nest property="uploadFile">
<tr>
<td>
<nested:file property="file" name="uploadFile" indexed="true" />
</td>
</tr>
</nested:nest>
</nested:iterate>
</table>
</td>
</tr>
<TR id ="RowAddDelBtn" style="display: none;">
<td align="center">
<table>
<tr>
<td>
資料夾名：<input type="text" name="folderName" size="10"/>
</td>
<td>
<input type="button" name="btnAddFile" value="Add File" onclick="addFile()" />
</td>
<td>
<input type="button" name="btnAddFile" value="Del File" onclick="delFile()" />
</td>
</tr>
</table>
</td>
</TR>
<TR>
<td>
<input type="button" name="btnUpload" value="upload" onclick="upload()">
</td>
</TR>
</TBODY>
</table>
</html:form>
</body>
</html>
相關文章
- HttpFileCollection 實現多檔案上傳HTTP
- PHP實現單檔案、多檔案上傳 封裝 物件導向實現檔案上傳PHP封裝物件
- struts上傳檔案限制
- 請問如何用struts上傳多個多個檔案??
- SpringMVC多個檔案上傳實現SpringMVC
- JS實現檔案自動上傳JS
- struts檔案上傳詳解
- struts1.2 上傳檔案
- Struts2教程7：上傳任意多個檔案
- struts實現上傳篇
- SpringMVC實現多檔案上傳原始碼SpringMVC原始碼
- SSH(STRUTS2+SPRING+HIBERNATE)實現檔案上傳功能Spring
- ajax實現檔案上傳
- Android 用Retrofit 2實現多檔案上傳實戰Android
- struts2 檔案上傳為空
- spring-boot-route（三）實現多檔案上傳Springboot
- 實現ASP.NET中FileUpload多檔案上傳ASP.NET
- 在ASP.NET中實現多檔案上傳 (轉)ASP.NET
- SpringMVC 單檔案上傳與多檔案上傳SpringMVC
- struts2上傳多個檔案，下載 配製！程式碼
- java struts2結合swfupload實現上傳檔案的demo教程Java
- struts檔案上傳，獲取檔名和檔案型別型別
- AngularJS實現的檔案檔案上傳AngularJS
- laravel 多檔案上傳Laravel
- 檔案上傳原理和實現
- springmvc實現檔案上傳SpringMVC
- Struts2的檔案上傳下載
- Vue實現多檔案上傳功能(前端 + 後端程式碼)Vue前端後端
- Jsp+Servlet實現檔案上傳下載（一）--檔案上傳JSServlet
- 通過配置檔案（.htaccess)實現檔案上傳
- 使用java的MultipartFile實現layui官網檔案上傳實現全部示例，java檔案上傳JavaUI
- js實現帶上傳進度的檔案上傳JS
- 應用koa的上傳檔案，手動實現koa
- MVC檔案上傳 - 使用Request.Files上傳多個檔案MVC
- 用Go語言實現多協程檔案上傳，斷點續傳，你如何實現？Go斷點
- PHP實現圖片（檔案）上傳PHP
- Java檔案上傳如何實現呢？Java
- 關於node實現檔案上傳