基于jQuery仿uploadify的HTML5图片上传控件jquery.html5uploader
2015-02-09 11:36
411 查看
(function($){ var methods = { init:function(options){ return this.each(function(){ var $this = $(this); var $clone = $this.clone(); var settings = $.extend({ id : $this.attr('id'), button:$this, uploader : '', formData:{}, auto : true, fileTypes : '*.*', multi : true, fileSizeLimit: 0, queueSizeLimit:1, onUploadStart:function(fileManager){return true;},//上传开始时的动作 onUploadSuccess:function(fileManager, response){},//上传成功的动作 onUploadComplete:function(fileManager){},//上传完成的动作 onUploadError:function(fileManager, response){},//上传失败的动作 onProgress:function(fileManager, loaded, total){},//上传进度 onInit:function(){},//初始化时的动作 //beforeUpload:function(){}, //开始上传前执行 },options); this._uploader = new H5Uploader.Uploader(settings); }); } }; $.fn.html5uploader = function(method){ if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method === 'object' || !method) { return methods.init.apply(this, arguments); } else { $.error('The method ' + method + ' does not exist in $.html5uploader'); } }; })(jQuery);
完整脚本 (提取码:7261)
相关文章推荐
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- 基于jQuery的uploadify(flash上传文件)控件 的使用
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- jQuery-uploader轻量级图片上传控件(可拖拽)
- MVC4中基于bootstrap和HTML5的图片上传Jquery自定义控件
- 基于jQuery的uploadify(flash上传文件)控件v1.6.2 bug修正
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用
- 图片上传插件,基于jquery的上传插件,ajax图片上传, 更新更新啦
- 基于HTML5的可预览多图片Ajax上传
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用:上传大文件的IO Error问题
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用
- Web图片上传控件(Firefox)发布-Xproer.ImageUploader
- 基于jQuery和Flash的多文件上传插件uploadify在asp.net下session丢失解决方案
- 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用
- 分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader