利用SA FileUp组件进行多文件上传

论坛 期权论坛     
niminba   2021-5-22 16:48   517   0
大家可以根据自己的实际情况进行修改,特别是数据库操作部分。<br>============================================<br>利用稻香老农的无组件进行多文件上传 <br>请见:<br>http://bbs.blueidea.com/viewthread.php?tid=1249535<br>==================================================<br>本例属于文件和表单项的混合提交。<br><br><font color="red">简单说明:</font><br>虽然重点在处理页上,但我觉得有必要介绍一下表单的项目。<br>本例是相册里像片的上传。<br>其中的groupID是隐藏域传递的大类的ID<br>其中的albumID是隐藏域传递的小类的ID<br>file1--&gt;&gt;file5是文件<br>photoTitle1--&gt;&gt;photoTitle5 是像片的标题<br>photoIntro1--&gt;&gt;photoIntro5 是像片的简介<br>photoWidth1--&gt;&gt;photoWidth5 是像片的宽度<br>photoHeight1--&gt;&gt;photoHeigth5 是像片的高度<br>photoSize1--&gt;&gt;photoSize5 是像片的大小。<br><br>注意:因本人没有声明变量的习惯,所以大家要是强制声明变量的话,就得自己加了。<br>===========================================<br><br><font color="red">提交页:主要代码如下</font><br>&lt;form name="fileForm" method="post" action="photo_savephoto.asp" <font color="purple">enctype="multipart/form-data" onSubmit="return checkForm();"</font>&gt;<br><br>&lt;INPUT <b>name="groupID"</b> type="hidden" id="groupID" value="&lt;%=groupID%&gt;" size="10"&gt;<br>&lt;INPUT <b>name="albumID"</b> type="hidden" id="albumID" value="&lt;%=albumID%&gt;" size="10"&gt;<br><br>&amp;nbsp;&amp;nbsp;上传说明:最多可以同时上传五个文件,其中标题最多30字,简介200字。<br><br>&lt;table width="96%" align="center" cellpadding="4" cellspacing="2"&gt;<br>&nbsp; &nbsp; &lt;tr align="center" valign="middle"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;td align="left" bgcolor="#F4CECE" id="upid"&gt;文件1&lt;/td&gt; <br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;td height="29" align="left" bgcolor="#F4CECE" id="upid"&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&lt;INPUT <b>name="file1" type="file"</b> class="myInput" size="20"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;宽: &lt;INPUT <b>name="photoWidth1" type="text"</b> class="input-disabled" id="photoWidth1" size="5" readonly=""&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 高: &lt;INPUT <b>name="photoHeight1" type="text"</b> class="input-disabled" id="photoHeight1" size="5" readonly=""&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; 大小:&lt;INPUT <b>name="fileSize1" type="text"</b> class="input-disabled" id="fileSize1" size="5" readonly=""&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; <br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;/td&gt;<br>&nbsp; &nbsp; &lt;/tr&gt;<br>&nbsp; &nbsp; &lt;tr align="center" valign="middle"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;td colspan="2" align="left" bgcolor="#FDF2F2" id="upid"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;标题: &lt;INPUT <b>name="photoTitle1" type="text"</b> class="myInput" id="photoTitle1" size="40"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;BR&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;简介:&lt;TEXTAREA <b>name="photoIntro1"</b> cols="60" rows="5" class="myInput" id="photoIntro1"&gt;&lt;/TEXTAREA&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;/td&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;/tr&gt;<br><br>。。。。。。。<br><br>&nbsp; &nbsp; &lt;tr align="center" valign="middle" bgcolor="#F4CECE"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;td height="24" colspan="2"&gt; <br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;input name="Submit" type="submit" class="myButton" value="开始上传"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;input name="Submit2" type="reset" class="myButton" value="重新填写"&gt;<br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;/td&gt; <br>&nbsp; &nbsp;&nbsp; &nbsp;&lt;/tr&gt;<br>&nbsp;&nbsp;&lt;/table&gt;<br>&lt;/form&gt;<br>下面的script是我用来检查图片属性的。其中检查了图片的宽度,高度,大小,是否是图片。<br><font color="purple"><br>&lt;SCRIPT language="JavaScript"&gt;<br>&lt;!--<br>&nbsp; &nbsp; &nbsp; &nbsp;var upFileSize=&lt;%=upFileSize%&gt;;<br>//--&gt;<br>&lt;/SCRIPT&gt;<br><br>&lt;SCRIPT language="JavaScript" src="photo_addphoto.js"&gt;&lt;/SCRIPT&gt;</font><br><br>&lt;TABLE width="98%"&nbsp;&nbsp;border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;"&gt;<br>&nbsp;&nbsp;&lt;TR&gt;<br>&nbsp; &nbsp; &lt;TD height="1"&gt;&lt;img src="images/add.gif" id="loadPhoto" onload="if(!firstLoad)showInfo();"&gt;&lt;/TD&gt;<br>&nbsp;&nbsp;&lt;/TR&gt;<br>&lt;/TABLE&gt;<br><br><br><font color="red">photo_addphoto.js</font><br>
<div class="smalltxt" style="MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em"><textarea cols="95" name="runcode0" rows="12">var firstLoad=true;
var mycount;
function checkForm()
{
var filePath;
var fileNumber=0; //想上传的文件个数
for(mycount=1;mycount&lt;=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&gt;30"))
   {
    alert("第"+mycount+"个相片的标题为空或超过30字!");
    return false;
   }
   if(eval("fileForm.photoIntro"+mycount+".value==''") || eval("fileForm.photoIntro"+mycount+".value.length&gt;200"))
   {
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:1060120
帖子:212021
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP