最新封装艾恩Ajax无刷新上传最简单的调用方法
来源:互联网 发布:色系直播软件下载 编辑:程序博客网 时间:2024/05/17 01:03
上传页面只需要一个js引用和js函数的调用,简单方便,不影响网页原有布局。
下载地址
调用说明:
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不能重命名
- 最新封装艾恩Ajax无刷新上传最简单的调用方法
- ajax无刷新上传
- ajax无刷新上传
- ajax无刷新上传
- ajax无刷新上传
- ajax无刷新上传
- ajax无刷新的文件上传
- 最原始的ajax无刷新分页
- 无刷新上传的html简单设置
- 无刷新提交表单(php+jquery+ajax+json的一个最简单实例 )
- ajax无刷新文件上传
- Ajax无刷新上传图片
- ajax 无刷新 文件上传
- Ajax 无刷新上传文件
- ajax无刷新上传效果
- Ajax无刷新图片上传
- AJAX无刷新提交表单的方法
- 基于iframe的图片无刷新上传和用ajax生成缩略图和即时删除,封装于thinkphp
- C指针变量,函数指针备忘
- Linux at命令定时关机
- 日语语法实践篇四——新编日语第一册第五课(第一单元复习)
- 医疗保险,公积金、养老、生育、工伤、失业保险
- dll使用
- 最新封装艾恩Ajax无刷新上传最简单的调用方法
- Karmic Koala-Ubuntu 9.10-自由和开放
- Luzj's Zte 中兴认证客户端Linux版
- 20091030_language
- java格式化输出
- JS通用表单验证函数,基于javascript正则表达式
- 配置一
- Luzj's Zte 中兴认证客户端开放源码
- nokia SDK API Plug-in-------Symbian 自动安装卸载程序