首页 > 学院 > 开发设计 > 正文

HTML5文件上传器,纯脚本无插件的客户端文件上传器---Uploader 文件上传器类

2019-11-17 01:43:05
字体:
来源:转载
供稿:网友

HTML5文件上传器,纯脚本无插件的客户端文件上传器---Uploader 文件上传器类

概述

客户端完全基于javaScript的 浏览器文件上传器,不需要任何浏览器插件,但需要和jQuery框架协同工作,支持超大文件上传,其算法是将一个超大文件切片成N个数据块依次提交给服务 端处理,由服务端存储断点信息实现断点续传的功能;支持文件拖拽上传,直接将文件拖拽到页面元素上方即可自动上传(默认元素是body);服务端采用asp.net 4.0程序开发,包含有处理程序,提供程序和视图控件,当然也可以用java或者php实现服务端程序。

浏览器兼容:IE10+、火狐、谷歌、Opera、windows phone 8.1

js代码:包含开发版和发布版两个版本,开发版包含有帮助信息,文件大小11kb;而发布版移除了帮助信息,文件大小9kb;

风险提示

此控件通过将文件切片上传超大文件,绕过了ASP.NET内置的MaxRequestLength最大请求检查,建议在服务端进行有效的安全检查。

技术支持

Jackson.bruce@live.com 您对此控件有任何要求和疑问都可以给发邮件。

客户端Javascript代码

window.Uploader 类

静态属性:

名称

类型

描述说明

Version

Object类型

{major:1 //主版本号

,minor:0 //次版本号

,revision:0//修订号

}

Support

布尔类型

当前浏览器是否支持此上传器

Sliced

枚举类型

切片上传的开启状态

{ Auto: 0 //当文件超过数据块(blobSize)大小时,启用切片上传

, Enabled: 1//始终将文件分割为N个数据块上传

, Disabled: 2 //始终将整个文件上传

}

ErrorType

枚举类型

描述错误的类型

{

InvalidType: 0 //当验证文件类型无效时得到此类异常,无效的文件类型,

,

UpperLimit: 1 //文件的大小超过指定的上限

,

HttpType: 2 //传输过程中抛出的HTTP类型的错误

,

ServerType: 3 //数据已成功送达服务器,但不是500错误,有服务端验证文件类型失败,或者验证用户身份与授权失败时由程序抛出的错误类型。

,

UserAbort: 4 //用户手动终止上传的错误类型

,

InvalidOperation: 5 //调用续传方法时,如果文件已经正在上传中,那么是为此操作无效。

};

静态方法

名称

返回类型

描述

SizeToString

返回string类型,它包含表示大小的数值和字节单位

两参数size:字节的总数,num:精确度

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表