最新封装艾恩Ajax无刷新上传最简单的调用方法(支持多文件上传)

Anlige 2009-10-30 01:00:59
上传页面只需要一个js引用和js函数的调用,简单方便,不影响网页原有布局。
http://www.ii-home.cn/source_192.html

调用说明:
1.首先引用js文件
<script type="text/javascript" src="AienUpload/init.js"></script>
2.将函数调用(showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);)绑定到HTMl控件事件,例如
<input id="files" name="files" type="text" size="60" />
<input type="button" value="上传文件" onclick="showUpload(null,'files','',999,null);" />
点击“上传文件”按钮后会弹出上传框,点击上传框的“上传”按钮后会将上传文件的文件名字以;分割,赋值到前一个文本框(inputCtrl)

showUpload(boxCtrl,inputCtrl,upPath,maxCount,fn);
参数说明:
boxCtrl:上传框绑定的控件的ID;若为null,则上传框显示在页面正中间
inputCtrl:上传控件绑定的控件,一般为为本框的ID,必填
upPath:文件上传目录,本目录是相对于upload.asp文件的;默认为upload;目录不存在则自动创建;
maxCount:最大允许的上传数量;不设置为不限制上传数量
fn:上传过程的回调函数,传递的参数为文件信息数组;设置本参数后inputCtrl参数将失效

举例说明:
showUpload(null,'files','',999,null);
文本框显示在中间,返回值显示在ID为files的文本框里面,上传目录为默认值,最大允许上传999个,就是不限制了,没有定义回调函数;
showUpload(this,'files','upfiles',2,function(obj){alert(obj.length);}); 把这句替换上面的再测试下就看到效果了

注意:
1、index.html和upload.asp必须在同一目录;
2、upload.asp和AienUpload目录的相对位置不能改变;
3、AienUpload以及里面的文件不能重命名
...全文
679 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
xianlangmei 2010-11-14
  • 打赏
  • 举报
回复
谢谢你啦 ! 帮我一个大忙呀
小草生光辉 2010-10-09
  • 打赏
  • 举报
回复
ymqdcpy 2009-11-05
  • 打赏
  • 举报
回复
非常不错..感谢分享..然后接点分..
zhong0711101 2009-10-31
  • 打赏
  • 举报
回复
xzx99 2009-10-31
  • 打赏
  • 举报
回复
支持
sy_binbin 2009-10-31
  • 打赏
  • 举报
回复
JF
  • 打赏
  • 举报
回复
支持,还有这么热爱的ASP的同志

一定支持

hwfec 2009-10-31
  • 打赏
  • 举报
回复
支持楼主……
gingerkang 2009-10-30
  • 打赏
  • 举报
回复
支持&接分
sumjor 2009-10-30
  • 打赏
  • 举报
回复
接分
wcwtitxu 2009-10-30
  • 打赏
  • 举报
回复

接分
街头小贩 2009-10-30
  • 打赏
  • 举报
回复
lzp4881 2009-10-30
  • 打赏
  • 举报
回复

28,391

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧