基于jQuery仿uploadify的HTML5图片上传控件jquery.html5uploader

(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);

完整脚本(提取码:a088)

时间: 2024-10-14 00:51:14

基于jQuery仿uploadify的HTML5图片上传控件jquery.html5uploader的相关文章

JQ_Web Uploader图片上传控件

HTML <div id="uploader">    <div id="j_stat">    <input type="text" name="thumb" id="j_tb" value="" />    </div>    <div id="j_file">选择文件</div>    &l

百度Ueditor多图片上传控件

发现百度的Ueditor富文本编辑器中的多图片上传控件很不错,于是便想着分享出来使用,费了老劲,少不了无名朋友的帮助,也查了不少资料,终于搞定了 发代码给大家,请大家多多指正 1.首先要在html页面中添加对ueditor的脚本引用 <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="../public/ue

bootstrap图片上传控件 fileinput

前端 1.要引用的js <link type="text/css" rel="stylesheet" href="~/HContent/css/fileinput.css" /> //-----------样式 <script src="~/HContent/js/fileinput.js"></script> //基本的js<script src="~/HContent/j

Word图片上传控件-eWebEditor9x整合教程-Xproer.WordPaster

示例下载(JSP):eWebEditor9x, 示例下载(.NET):eWebEditor9x,   1.1. 集成到eWebEditor9x 主要步骤如下: 1.增加WordPaster文件夹   2.在eWebEditor编辑器中增加按钮   3.在js/buttons.js中添加事件响应   4.在引用页面初始化控件

jquery文件上传控件 Uploadify

(转自 http://www.cnblogs.com/mofish/archive/2012/11/30/2796698.html) 基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个版本,一个用flash,一个是html5.html5的需要付费~所以这里只说flash版本的用法. 官网:http://www.uploadify.com/ 控件截图

jquery文件上传控件 Uploadify(转)

原文:http://www.cnblogs.com/mofish/archive/2012/11/30/2796698.html 基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个版本,一个用flash,一个是html5.html5的需要付费~所以这里只说flash版本的用法. 官网:http://www.uploadify.com/ 控件截图:

jquery的uploadify插件多文件上传配置参数详解

最近做了个多文件上传,需要限制上传文件类型的例子.以前没做过找了一些资料,下次有用.同时也给大家做参考. uploader: uploadify.swf 文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击后淡出打开文件对话框,默认值:uploadify.swf. script: 后台处理程序的相对路径 .默认值:uploadify.php checkScript:用来判断上传选择的文 件在服务器是否存在的后台处理程序的相对路径 fileDataName:设置一个名字,在服务器处理

HTML5文件上传组件美化jQuery插件

简要教程 jQuery.filer是一款简单的HTML5文件上传组件美化jQuery插件.它能够完成单文件和多文件的上传,支持文件的拖拽,支持不同的文件格式校验,支持缩略图和图标等,是一款非常实用的文件上传插件.它的特点还有: 对文件上传File Input组件进行美化 支持多文件上传 支持校验文件:大小,扩展名等 支持创建文件的缩略图 每种类型的文件可以自定义图标 可以为缩略图,图标和input自定义模板和主题 可以移出已选择的文件 可以从剪切板粘贴图片 所有的图标在一个字体文件中 支持文件拖

html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点 轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯