强制Form表单上传
演示地址:http://p.twinkling.cn/force-form.html
又拍云表单上传
演示地址:http://p.twinkling.cn/upyun-form.html
Dropzonejs样式
演示地址:http://p.twinkling.cn/dropzone.html
自定义UI
演示地址:http://p.twinkling.cn/bootstrap.html
断点续传(Firefox4+, Chrome, Safari6+, IE10+)
演示地址:http://p.twinkling.cn/
单个文件
演示地址:http://p.twinkling.cn/s1.html
启动参数:
var config = {
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "/fd;", /** Flash上传的URI */
uploadURL : "/upload", /** HTML5上传的URI */
};
new Stream(config);
多个文件
演示地址:http://p.twinkling.cn/s2.html
启动参数:
var config = {
multipleFiles: true, /** 多个文件一起上传, 默认: false */
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "/fd;", /** Flash上传的URI */
uploadURL : "/upload", /** HTML5上传的URI */
};
new Stream(config);
跨域上传文件
演示地址:http://p.twinkling.cn/s3.html
启动参数:
var config = {
multipleFiles: true, /** 多个文件一起上传, 默认: false */
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "http://cross.twinkling.cn/fd;", /** Flash上传的URI */
uploadURL : "http://cross.twinkling.cn/upload", /** HTML5上传的URI */
};
new Stream(config);
或者:
var config = {
multipleFiles: true, /** 多个文件一起上传, 默认: false */
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "/fd;", /** Flash上传的URI */
uploadURL : "/upload", /** HTML5上传的URI */
};
new Stream(config);
在调用/tk的时候,返回{"message":"","token":"A543080287_4176","server":"http://cross.twinkling.cn","success":true}
这个返回结果比正常多了个server字段,即指定
frmUploadURL : "http://cross.twinkling.cn/fd;", /** Flash上传的URI */
uploadURL : "http://cross.twinkling.cn/upload", /** HTML5上传的URI */
响应函数示例
演示地址:http://p.twinkling.cn/s4.html
启动参数:
var config = {
multipleFiles: true, /** 多个文件一起上传, 默认: false */
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "/fd;", /** Flash上传的URI */
uploadURL : "/upload", /** HTML5上传的URI */
onSelect: function(files) {alert('onSelect')}, /** 选择文件后的响应事件 */
onMaxSizeExceed: function(file) {alert('onMaxSizeExceed')}, /** 文件大小超出的响应事件 */
onFileCountExceed: function(selected, limit) {alert('onFileCountExceed')}, /** 文件数量超出的响应事件 */
onExtNameMismatch: function(file) {alert('onExtNameMismatch')}, /** 文件的扩展名不匹配的响应事件 */
onCancel : function(file) {alert('Canceled: ' + file.name)}, /** 取消上传文件的响应事件 */
onComplete: function(file) {alert('onComplete')}, /** 单个文件上传完毕的响应事件 */
onQueueComplete: function(msg) {alert('onQueueComplete')}, /** 所以文件上传完毕的响应事件 */
onUploadError: function(status, msg) {alert('onUploadError')} /** 文件上传出错的响应事件 */
};
new Stream(config);
全部自定义参数
演示地址:http://p.twinkling.cn/s5.html
启动参数:
var config = {
multipleFiles: true, /** 多个文件一起上传, 默认: false */
maxSize: 10485760 /** 单个文件的最大大小,默认:2G */
retryCount : 5, /** HTML5上传失败的重试次数 */
postVarsPerFile : { /** 上传文件时传入的参数,默认: {} */
param1: "val1",
param2: "val2"
},
swfURL : "/swf/FlashUploader.swf", /** SWF文件的位置 */
tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */
frmUploadURL : "/fd;", /** Flash上传的URI */
uploadURL : "/upload", /** HTML5上传的URI */
simLimit: 100, /** 单次最大上传文件个数 */
extFilters: [".txt", ".rpm", ".rmvb", ".gz", ".rar", ".zip", ".avi", ".mkv", ".mp3"], /** 允许的文件扩展名, 默认: [],即全部允许 */
onSelect: function(files) {alert('onSelect')}, /** 选择文件后的响应事件 */
onMaxSizeExceed: function(file) {alert('onMaxSizeExceed')}, /** 文件大小超出的响应事件 */
onFileCountExceed: function(selected, limit) {alert('onFileCountExceed')}, /** 文件数量超出的响应事件 */
onExtNameMismatch: function(file) {alert('onExtNameMismatch')}, /** 文件的扩展名不匹配的响应事件 */
onCancel : function(file) {alert('Canceled: ' + file.name)}, /** 取消上传文件的响应事件 */
onComplete: function(file) {alert('onComplete')}, /** 单个文件上传完毕的响应事件 */
onQueueComplete: function(msg) {alert('onQueueComplete')}, /** 所有文件上传完毕的响应事件 */
onUploadError: function(status, msg) {alert('onUploadError')} /** 文件上传出错的响应事件 */
};
new Stream(config);