返回首页

利用SA FileUp组件实现同时上传多文件程序代码

时间:2010-05-14 22:32来源:知行网www.zhixing123.cn 编辑:麦田守望者

简单说明:
虽然重点在处理页上,但我觉得有必要介绍一下表单的项目。
本例是相册里像片的上传。
其中的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组件
------分隔线----------------------------
推荐内容
  • css代码flex的布局使用详解

    flex布局的含义 flex布局又名为弹性布局,主要是通过设置的属性值自动调整元素的宽度...

  • html版权符号代码怎么写?

    相信不少开发人员都会遇见这个问题,基本上每个网站都会有版权声明,其中会用到版权符...

  • 网站打不开dns错误如何解决

    DNS解析就是把你的域名解析成一个ip地址,服务商提供的dns解析就是能够将你的域名解析...

  • HTTP状态码的含义图解教程

    HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。我...

  • 如何得知golang代码覆盖率

    以前写程序时,很少关注单元测试。 即便写,也是草草了事。没有很认真的写过,更别谈...

  • 谈谈网站建设中网站导航设计的经验技巧

    当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始...

  • 猜你感兴趣
  • 教育技术学动态
  • 教育技术学论文
  • 理论研究
  • 应用研究
  • 资源收藏
  • 百家观点
  • 英文文献
  • 中国电化教育
  • 电化教育研究
  • 中国远程教育
  • 开放教育研究
  • 现代教育技术
  • 远程教育杂志
  • 现代远距离教育
  • 中国教育信息化
  • 中国信息技术教育
  • 中小学信息技术
  • Flash龙8国际平台入口
  • Photoshop龙8国际平台入口
  • 3DMAX龙8国际平台入口
  • AutoCAD龙8国际平台入口
  • CorelDRAW龙8国际平台入口
  • Matlab龙8国际平台入口
  • 其他龙8国际平台入口
  • .Net龙8国际平台入口
  • Asp龙8国际平台入口
  • Php龙8国际平台入口
  • Jsp龙8国际平台入口
  • Ajax龙8国际平台入口
  • Android教程
  • 其他龙8国际平台入口
  • Word教程
  • Excel教程
  • PowerPoint教程
  • Ubuntu教程
  • 其他教程
  • 课件下载
  • 软件下载
  • 视频教程下载
  • 其他下载
  • 教案大全
  • 试题大全
  • 课件大全
  • 其他大全
  • 人像摄影
  • 风光摄影