stream 上传插件 java_Stream上传插件 - 基于Flash和Html5的WEB流式文件上传插件

赖绪
2023-12-01

强制Form表单上传

又拍云表单上传

Dropzonejs样式

自定义UI

断点续传(Firefox4+, Chrome, Safari6+, IE10+)

单个文件

启动参数: var config = {maxSize: 10485760 /** 单个文件的最大大小,默认:2G */tokenURL : "/tk", /** 根据文件名、大小等信息获取Token的URI(用于生成断点续传、跨域的令牌) */frmUploadURL : "/fd;", /** Flash上传的URI */uploadURL : "/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);

跨域上传文件

启动参数: 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 */

响应函数示例

启动参数: 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);

全部自定义参数

启动参数: 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);

 类似资料: