主题:[原创]艾恩Ajax无刷新文件上传解决方案
今天用一天的时间给自己的类加上了[b]进度条[/b],包括[b]无组件版[/b]和[b]组件版[/b]都同时更新了进度条功能.
下载: [b][color=#FF0000][url=http://www.ii-home.cn/detial.asp?id=175]艾恩Ajax无刷新文件上传(带进度条,无组件)[/url] [/color][/b]
下载: [b][color=#FF0000][url=http://www.ii-home.cn/detial.asp?id=176]艾恩Ajax无刷新文件上传(带进度条,组件版,低CPU使用)[/url] [/color][/b]
本上传使用的类为本人原创上传类,经修改后用于无刷新上传(普通上传同样可用)
详细显示上传过程,包括进度条,上传百分比,总上传数据大小,当前上传数据大小,上传进程时间等。。。
进度条样式可自行修改,样式文件为css.css
具体进程信息请查看js/custom.js中的getInformation(info)中的信息对象的说明
[color=#FF0000][b]
经测试~本程序在IE6,IE7和FireFox3.1 Beta 1 下运行都没有任何问题~~
同时如果有任何问题可以联系我1034555083/zhanghuiguoanlige@126.com
[/b][/color]
[quote]
=======================================
说明一点:
本次给上传类增加了一个方法setApp,用来设置Application;
调用方法Upload.setApp state,total,current,description
参数说明:
state--当前状态,建议取值请查看js/custom.js中的getInformation(info)函数中的状态说明
total--总上传数据大小
current--已上传数据大小
description--描述,主要是在出现错误的时候使用,一般使用空值即可
请保留upload.asp中对Application的设置(共四处,最后一处可选择性删除)
[color=#FF0000][b]
想开启进度条功能,必须设置类对象的openProcesser=true
例如
set Upload=new AnUpLoad
[color=#33CC00]'组件版的创建方法为set Upload=Server.createobject("Anasp.Upload")[/color]
Upload.openProcesser=true '打开进度条显示[/b][/color]
其实区别就一点,组件和无组件的上传实例创建方法:
无组件直接创建 [b][color=#33CC00]set Upload=new AnUpLoad[/color][/b]
组件版的创建方法为 [b] [color=#33CC00]set Upload=Server.createobject("Anasp.Upload")[/color][/b]
还有一点就是遍历文件的时候:
无组件版获取所有文件的方法是[b]Upload.files(-1)[/b] 传递一个参数[b]-1[/b]
组件版的获取方式为 [b]Upload.files[/b] 不传递任何参数
[b]其他的完全相同。[/b]
=======================================[/quote]
[color=#FF0000][b]更新完这个进度条后本上传类不打算继续更新![/b][/color]
PS:
类本身带有限制上传大小以及文件类型的属性
在组件上传的压缩包里有一个pdf的开发文档,里面详细介绍了本类的属性和方法,请参考一下!为了演示方便我就把所有的限制取消了!
[url=http://www.ii-home.cn/detial.asp?id=143]http://www.ii-home.cn/detial.asp?id=143[/url]
这个包里的所有示例都有限制!
下载: [b][color=#FF0000][url=http://www.ii-home.cn/detial.asp?id=175]艾恩Ajax无刷新文件上传(带进度条,无组件)[/url] [/color][/b]
下载: [b][color=#FF0000][url=http://www.ii-home.cn/detial.asp?id=176]艾恩Ajax无刷新文件上传(带进度条,组件版,低CPU使用)[/url] [/color][/b]
本上传使用的类为本人原创上传类,经修改后用于无刷新上传(普通上传同样可用)
详细显示上传过程,包括进度条,上传百分比,总上传数据大小,当前上传数据大小,上传进程时间等。。。
进度条样式可自行修改,样式文件为css.css
具体进程信息请查看js/custom.js中的getInformation(info)中的信息对象的说明
[color=#FF0000][b]
经测试~本程序在IE6,IE7和FireFox3.1 Beta 1 下运行都没有任何问题~~
同时如果有任何问题可以联系我1034555083/zhanghuiguoanlige@126.com
[/b][/color]
[quote]
=======================================
说明一点:
本次给上传类增加了一个方法setApp,用来设置Application;
调用方法Upload.setApp state,total,current,description
参数说明:
state--当前状态,建议取值请查看js/custom.js中的getInformation(info)函数中的状态说明
total--总上传数据大小
current--已上传数据大小
description--描述,主要是在出现错误的时候使用,一般使用空值即可
请保留upload.asp中对Application的设置(共四处,最后一处可选择性删除)
[color=#FF0000][b]
想开启进度条功能,必须设置类对象的openProcesser=true
例如
set Upload=new AnUpLoad
[color=#33CC00]'组件版的创建方法为set Upload=Server.createobject("Anasp.Upload")[/color]
Upload.openProcesser=true '打开进度条显示[/b][/color]
其实区别就一点,组件和无组件的上传实例创建方法:
无组件直接创建 [b][color=#33CC00]set Upload=new AnUpLoad[/color][/b]
组件版的创建方法为 [b] [color=#33CC00]set Upload=Server.createobject("Anasp.Upload")[/color][/b]
还有一点就是遍历文件的时候:
无组件版获取所有文件的方法是[b]Upload.files(-1)[/b] 传递一个参数[b]-1[/b]
组件版的获取方式为 [b]Upload.files[/b] 不传递任何参数
[b]其他的完全相同。[/b]
=======================================[/quote]
[color=#FF0000][b]更新完这个进度条后本上传类不打算继续更新![/b][/color]
PS:
类本身带有限制上传大小以及文件类型的属性
在组件上传的压缩包里有一个pdf的开发文档,里面详细介绍了本类的属性和方法,请参考一下!为了演示方便我就把所有的限制取消了!
[url=http://www.ii-home.cn/detial.asp?id=143]http://www.ii-home.cn/detial.asp?id=143[/url]
这个包里的所有示例都有限制!