Core Docs | Additional Modules Docs
var myUploader = new sb.widget.dropUpload({
url : '/test/upload2',
target : '#pad',
allowedFilePatterns : /\.(jpg|txt|png|pdf|zip|flv)$/i,
lis : [],
onDropFiles : function(e){},
onDropFile : function(file){
this.lis[file.index] = new sb.element({
tag : 'li',
innerHTML : file.name
});
this.lis[file.index].appendTo(this.target);
this.lis[file.index].styles({
backgroundColor : 'rgb(255,0,0)',
color : '#fff',
padding: '5px'
});
this.lis[file.index].percentage = new sb.element({
tag : 'span',
innerHTML : '0%',
styles : {
paddingLeft : '5px'
}
});
this.lis[file.index].percentage.appendTo(this.lis[file.index]);
},
onFileUploaded : function(file){
this.lis[file.index].percentage.innerHTML = 'DONE!';
},
onUploadProgress : function(file, percentage){
this.lis[file.index].percentage.innerHTML = percentage+'%';
this.lis[file.index].styles({
backgroundColor : 'rgb(0,'+percentage*2+',0)'
});
},
onDownloadProgress : function(file, percent){
},
onDragEnter : function(e){
},
onDragOver : function(e){
},
onNonAllowedFilePattern : function(e){
}
});
myUploader.init();