返回首頁
當前位置: 主頁 > 網絡編程 > Asp實例教程 >

利用SA FileUp組件實現同時上傳多文件程序代碼

時間:2010-05-14 22:32來源:知行網www.f1globe.com 編輯:麥田守望者

簡單說明:
雖然重點在處理頁上,但我覺得有必要介紹一下表單的項目。
本例是相冊里像片的上傳。
其中的groupID是隱藏域傳遞的大類的ID
其中的albumID是隱藏域傳遞的小類的ID
file1-->>file5是文件
photoTitle1-->>photoTitle5 是像片的標題
photoIntro1-->>photoIntro5 是像片的簡介
photoWidth1-->>photoWidth5 是像片的寬度
photoHeight1-->>photoHeigth5 是像片的高度
photoSize1-->>photoSize5 是像片的大小。

注意:因本人沒有聲明變量的習慣,所以大家要是強制聲明變量的話,就得自己加了。
===========================================

提交頁:主要代碼如下
<form name="fileForm" method="post" action="photo_savephoto.asp" enctype="multipart/form-data" onSubmit="return checkForm();">

<INPUT name="groupID" type="hidden" id="groupID"
        value="<%=groupID%>" size="10">
<INPUT name="albumID" type="hidden" id="albumID"
        value="<%=albumID%>" size="10">

  上傳說明:最多可以同時上傳五個文件,其中標題最多30字,簡介200字。
<table width="96%" align="center" cellpadding="4" cellspacing="2">
<tr align="center" valign="middle">
<td align="left" bgcolor="#F4CECE" id="upid">文件1</td>
<td height="29" align="left" bgcolor="#F4CECE" id="upid">
<INPUT name="file1" type="file" class="myInput" size="20">
寬: <INPUT name="photoWidth1" type="text" class="input-disabled" id="photoWidth1" size="5" readonly="">
高: <INPUT name="photoHeight1" type="text" class="input-disabled" id="photoHeight1" size="5" readonly="">
大。<INPUT name="fileSize1" type="text" class="input-disabled" id="fileSize1" size="5" readonly="">
</td>
</tr>
<tr align="center" valign="middle">
<td colspan="2" align="left" bgcolor="#FDF2F2" id="upid">
標題: <INPUT name="photoTitle1" type="text" class="myInput" id="photoTitle1" size="40">
<BR>
簡介:<TEXTAREA name="photoIntro1" cols="60" rows="5" class="myInput" id="photoIntro1"></TEXTAREA>
</td>
</tr>

。。。。。。。

<tr align="center" valign="middle" bgcolor="#F4CECE">
<td height="24" colspan="2">
<input name="Submit" type="submit" class="myButton" value="開始上傳">
<input name="Submit2" type="reset" class="myButton" value="重新填寫">
</td>
</tr>
</table>
</form>


下面的script是我用來檢查圖片屬性的。其中檢查了圖片的寬度,高度,大小,是否是圖片。
<SCRIPT language="JavaScript">
<!--
   var upFileSize=<%=upFileSize%>;
//-->
</SCRIPT>

<SCRIPT language="JavaScript" src="photo_addphoto.js"></SCRIPT>
<TABLE width="98%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<TR>
<TD height="1"><img src="images/add.gif" id="loadPhoto" onload="if(!firstLoad)showInfo();"></TD>
</TR>
</TABLE>

photo_addphoto.js

var firstLoad=true;
var mycount;
function checkForm()
{
 var filePath;
 var fileNumber=0; //想上傳的文件個數
 for(mycount=1;mycount<=5;mycount++)
  if(eval("fileForm.file"+mycount+".value!=''''")) //檢查文件后綴、標題和簡介
  {
   eval("filePath=fileForm.file"+mycount+".value;")
   if(isPic(filePath,mycount)==false)
    return false;
   if(eval("fileForm.photoTitle"+mycount+".value==''''") || eval("fileForm.photoTitle"+mycount+".value.length>30"))
   {
    alert("第"+mycount+"個相片的標題為空或超過30字!");
    return false;
   }
   if(eval("fileForm.photoIntro"+mycount+".value==''''") || eval("fileForm.photoIntro"+mycount+".value.length>200"))
   {
    alert("第"+mycount+"個相片的簡介為空或超過200字!");
    return false;
   }
   fileNumber++;
  }
 if(fileNumber==0)
 {
  alert("你沒有選擇任何一個圖片文件!不能提交!");
  return false;
 } 
 return photoInfo(); //檢查圖片屬性,提交表單
}
function photoInfo()
{
 //fileForm.submit.disabled=true;
 mycount=0;
 photoInfo2();  //共執行5次photoInfo2()
 for(var i=1;i<=4;i++)
 {
  setTimeout("photoInfo2()",i*500);

------分隔線----------------------------
標簽(Tag):asp組件
------分隔線----------------------------
推薦內容
猜你感興趣
99久久免费高清热精品