91国产精品,日韩免费视频,日韩理论电影网

1、JSP頁(yè)面：
JS控制增加刪除多個(gè)上傳文件框，代碼如下：

Java代碼

<%@pagelanguage= "java" pageEncoding= "UTF-8" %>
<%@taglibprefix= "s" uri= "/struts-tags" %>
<!DOCTYPEhtmlPUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<htmlxmlns= "http://www.w3.org/1999/xhtml" >
<head>
<% @include file= "../../_head.html" %>
<title> 文件上傳 </title>
<metahttp-equiv= "pragma" content= "no-cache" >
<metahttp-equiv= "cache-control" content= "no-cache" >
<metahttp-equiv= "expires" content= "0" >
<scriptlanguage= "javascript" type= "text/javascript"
src= "../js/common/common.js" ></script>
<scripttype= "text/javascript" >
varpos= 1 ;
functionaddFileComponent(){
varelTable=document.getElementById( 'uploadTable' ).getElementsByTagName( 'tbody' )[ 0 ];
varelTr=document.getElementById( 'fileTr' );
varelTr2=document.getElementById( 'op' );
varnewEleTr=elTr.cloneNode( true );
newEleTr.id= "fileTr" +pos;
newEleTr.style.display= "" ;
inputs=newEleTr.getElementsByTagName( 'input' );
inputs[ 0 ].id= "file" +pos;
varelInput=inputs[ 1 ];
elInput.onclick=delFileComponent;
elInput.id= "delbutton" +pos++;
elTable.insertBefore(newEleTr,elTr2);
}
functiondelFileComponent(){
varelTable=document.getElementById( 'uploadTable' ).getElementsByTagName( 'tbody' )[ 0 ];
vartrArr=elTable.getElementsByTagName( "tr" );
varel=event.srcElement;
for (j= 0 ;j<trArr.length;j++){
tr=trArr[j];
if (tr.getElementsByTagName( "input" )[ 1 ]==el){
elTable.removeChild(tr);
pos--;
break ;
}
}
}
functionisValidateFile(obj){
varextend=obj.value.substring(obj.value.lastIndexOf( "." )+ 1 );
if (extend== "" ){
} else {
if (!(extend== "xls" ||extend== "doc" )){
alert( "請(qǐng)上傳后綴名為xls或doc的文件!" );
varnf=obj.cloneNode( true );
nf.value= '' ;
obj.parentNode.replaceChild(nf,obj);
return false ;
}
}
return true ;
}
</script>
</head>
<body>
<%@includefile= "/common/message.jsp" %>
<div class = "body-box" >
<div class = "rhead" >
<div class = "rpos" >
文件上傳 (可同時(shí)上傳多份文件)
</div>
<div class = "clear" ></div>
</div>
<s:formid= "ops" action= "csc_mUploadFile" theme= "simple"
cssClass= "rhead" enctype= "multipart/form-data" >
<tableid= "uploadTable" width= "100%" border= "0" >
<tr>
<td>
<inputtype= "file" id= "file0" name= "uploadFile" size= "50"
onchange= "isValidateFile(this);" />
</td>
</tr>
<trid= "fileTr" style= "display:none;" >
<td>
<inputtype= "file" size= "50" name= "uploadFile"
onchange= "isValidateFile(this);" />
 
<inputtype= "button" value= "刪除" />
</td>
</tr>
<trid= "op" >
<td>
<inputtype= "submit" id= "uploadbutton" value= "上傳" />
 
<inputtype= "button" value= "添加" id= "addbutton"
onClick= "addFileComponent();" />
 
</td>
</tr>
</table>
</s:form>
<table class = "pn-ltable" width= "100%" cellspacing= "1" cellpadding= "0"
border= "0" >
<thead class = "pn-lthead" >
<tr>
<th>
序號(hào)
</th>
<th>
文件名
</th>
<th>
上傳時(shí)間
</th>
</tr>
</thead>
<tbody class = "pn-ltbody" >
<tronmouseover= "Pn.LTable.lineOver(this);"
onmouseout= "Pn.LTable.lineOut(this);"
onclick= "Pn.LTable.lineSelect(this);" >
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

      <%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<%@include file="../../_head.html"%>
		<title>
      
        文件上傳
      
      </title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<script language="javascript" type="text/javascript"
			src="../js/common/common.js"></script>
		<script type="text/javascript">
		     
		      var pos = 1;
		
		      function addFileComponent() {
				var elTable = document.getElementById('uploadTable').getElementsByTagName('tbody')[0];
				var elTr = document.getElementById('fileTr');
				var elTr2 = document.getElementById('op');
				var newEleTr = elTr.cloneNode(true);
				newEleTr.id = "fileTr" + pos;		
				newEleTr.style.display = "";
				inputs = newEleTr.getElementsByTagName('input');
				inputs[0].id="file" + pos;
				var elInput = inputs[1];
				elInput.onclick=delFileComponent;
				elInput.id="delbutton" + pos++;
				elTable.insertBefore(newEleTr, elTr2);
			 }

			function delFileComponent() {
				var elTable = document.getElementById('uploadTable').getElementsByTagName('tbody')[0];
				var trArr = elTable.getElementsByTagName("tr");
				var el = event.srcElement;
				for(j = 0; j < trArr.length; j++) {
					tr = trArr[j];
					if(tr.getElementsByTagName("input")[1] == el) {
						elTable.removeChild(tr);
						pos--;
						break;
					}
				}
			}
			
			function isValidateFile(obj){
			   var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);
			   if(extend==""){
			   }else{
				   if(!(extend=="xls"||extend=="doc")){
				      alert("請(qǐng)上傳后綴名為xls或doc的文件!");
				      var nf = obj.cloneNode(true);
                      nf.value='';
                      obj.parentNode.replaceChild(nf, obj);
				      return false;
				   }
			   }
			   return true;
			}
		</script>
	</head>
	<body>
		<%@ include file="/common/message.jsp"%>
		<div class="body-box">
			<div class="rhead">
				<div class="rpos">
					
      
        文件上傳
      
      (可同時(shí)上傳多份文件)
				</div>
				<div class="clear"></div>
			</div>
			<s:form id="ops" action="csc_mUploadFile" theme="simple"
				cssClass="rhead"  enctype = "multipart/form-data">
				<table id="uploadTable" width="100%" border="0">
					<tr>
						<td>
							<input type="file" id="file0" name="uploadFile" size="50"
								onchange="isValidateFile(this);" />
						</td>
					</tr>
					<tr id="fileTr" style="display: none;">
						<td>
							<input type="file" size="50" name="uploadFile"
								onchange="isValidateFile(this);" />
							&nbsp;
							<input type="button" value="刪除" />
						</td>
					</tr>
					<tr id="op">
						<td>
							<input type="submit" id="uploadbutton" value="上傳" />
							&nbsp;
							<input type="button" value="添加" id="addbutton"
								onClick="addFileComponent();" />
							&nbsp;
						</td>
					</tr>
				</table>
			</s:form>
			<table class="pn-ltable" width="100%" cellspacing="1" cellpadding="0"
				border="0">
				<thead class="pn-lthead">
					<tr>
						<th>
							序號(hào)
						</th>
						<th>
							文件名
						</th>
						<th>
							上傳時(shí)間
						</th>
					</tr>
				</thead>
				<tbody class="pn-ltbody">
					<tr onmouseover="Pn.LTable.lineOver(this);"
						onmouseout="Pn.LTable.lineOut(this);"
						onclick="Pn.LTable.lineSelect(this);">
						<td>
						</td>
						<td>
						</td>
						<td>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>
</html>

2、Action后臺(tái)處理上傳文件：

Java代碼

//uploadFile對(duì)應(yīng)頁(yè)面<inputtype="file"name="uploadFile">
private List<File>uploadFile;
//文件名對(duì)應(yīng)uploadFile+“FileName”，要不獲取不到文件名
private List<String>uploadFileFileName;
// 文件上傳
public StringmUploadFile(){
if ( null ==uploadFile){
this .addActionError( "請(qǐng)上傳文件!" );
} else {
StringfileName= "" ;
try {
//在自己代碼中控制文件上傳的服務(wù)器目錄
Stringdirectory=ServletActionContext.getServletContext().getRealPath( "/uploads" );
//判斷該目錄是否存在，不存在則創(chuàng)建
FileUtil.makeDir(directory);
//循環(huán)處理上傳的文件
for ( int i= 0 ,j=uploadFile.size();i<j;i++){
fileName=uploadFileFileName.get(i);
StringfilePath=directory+File.separator+fileName;
FileUtil.uploadFile(uploadFile.get(i), new File(filePath));
}
} catch (IOExceptione){
this .addActionMessage( "" );
}
this .addActionMessage( " 文件上傳成功!" );
}
return "fileUpload" ;
}

               //uploadFile對(duì)應(yīng)頁(yè)面<input type="file" name="uploadFile">
	private List<File> uploadFile;
         //文件名對(duì)應(yīng)uploadFile+“FileName”，要不獲取不到文件名
	private List<String> uploadFileFileName;   
	// 
      
        文件上傳
      
      
	public String mUploadFile() {
	   if (null == uploadFile) {
		this.addActionError("請(qǐng)上傳文件!");
	   } else {
		String fileName = "";
		  try {
                       //在自己代碼中控制
      
        文件上傳
      
      的服務(wù)器目錄
		     String directory = ServletActionContext.getServletContext().getRealPath("/uploads");
                       //判斷該目錄是否存在，不存在則創(chuàng)建
                       FileUtil.makeDir(directory);
                       //循環(huán)處理上傳的文件
				for(int i=0,j=uploadFile.size();i<j;i++){
					fileName = uploadFileFileName.get(i);
					String filePath = directory + File.separator + fileName;
					FileUtil.uploadFile(uploadFile.get(i), new File(filePath));
				}
			} catch (IOException e) {
                 this.addActionMessage("");
			}
            this.addActionMessage("
      
        文件上傳
      
      成功!");
		}
		return "fileUpload";
	}

FileUtil代碼如下：

Java代碼

public class FileUtil{
private static final int BUFFER_SIZE= 16 * 1024 ;
public static void uploadFile(Filesrc,Filedst) throws IOException{
InputStreamin= null ;
OutputStreamout= null ;
try {
in= new BufferedInputStream( new FileInputStream(src),BUFFER_SIZE);
out= new BufferedOutputStream( new FileOutputStream(dst),
BUFFER_SIZE);
byte []buffer= new byte [BUFFER_SIZE];
while (in.read(buffer)> 0 ){
out.write(buffer);
}
} finally {
if ( null !=in){
in.close();
}
if ( null !=out){
out.close();
}
}
}
public static StringgetExtention(StringfileName){
int pos=fileName.lastIndexOf( "." );
return fileName.substring(pos);
}
public static void makeDir(Stringdirectory){
Filedir= new File(directory);
if (!dir.isDirectory()){
dir.mkdirs();
}
}
public static StringgenerateFileName(StringfileName)
throws UnsupportedEncodingException{
DateFormatformat= new SimpleDateFormat( "yyMMddHHmmss" );
StringformatDate=format.format( new Date());
Stringextension=fileName.substring(fileName.lastIndexOf( "." ));
fileName= new String(fileName.getBytes( "iso8859-1" ), "gb2312" );
return fileName+ "_" +formatDate+ new Random().nextInt( 10000 )
+extension;
}
}

      public class FileUtil {

	private static final int BUFFER_SIZE = 16 * 1024;

	public static void uploadFile(File src, File dst) throws IOException {

		InputStream in = null;
		OutputStream out = null;
		try {
			in = new BufferedInputStream(new FileInputStream(src), BUFFER_SIZE);
			out = new BufferedOutputStream(new FileOutputStream(dst),
					BUFFER_SIZE);
			byte[] buffer = new byte[BUFFER_SIZE];
			while (in.read(buffer) > 0) {
				out.write(buffer);
			}
		} finally {
			if (null != in) {
				in.close();
			}
			if (null != out) {
				out.close();
			}
		}

	}

	public static String getExtention(String fileName) {
		int pos = fileName.lastIndexOf(".");
		return fileName.substring(pos);
	}

	public static void makeDir(String directory) {
		File dir = new File(directory);

		if (!dir.isDirectory()) {
			dir.mkdirs();
		}

	}

	public static String generateFileName(String fileName)
			throws UnsupportedEncodingException {
		DateFormat format = new SimpleDateFormat("yyMMddHHmmss");
		String formatDate = format.format(new Date());
		String extension = fileName.substring(fileName.lastIndexOf("."));
		fileName = new String(fileName.getBytes("iso8859-1"), "gb2312");
		return fileName + "_" + formatDate + new Random().nextInt(10000)
				+ extension;
	}

}

擴(kuò)展：
1.可以實(shí)現(xiàn)帶進(jìn)度條的上傳與下載；
2.可以用xml文件記錄上傳的文件清單，并且可以根據(jù)頁(yè)面對(duì)上傳文件的操作來(lái)修改相應(yīng)的xml文件；

JS+Struts2多文件上傳完整示例

更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系： 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】元

2元

5元

10元

20元

自定義