月初发布了HUploadify2.0版本,增加了文件的断点续传功能,得到了不少朋友的好评。本着按照Uploadify原样复制的原则,本次在一些朋友的建议中采纳了几点,做了一次较小的改动,定为2.1版本。所做的改动包括:

1. 对外开放的方法增加settings。

  uploadify有settings方法可调用,作用是动态设置上传插件的配置参数,如下:

$('#file_upload').uploadify('settings','buttonText','BROWSE');

  当时觉得这个插件很少会动态去设置配置参数,所以就没实现这个接口,没想到有朋友恰好需要,所以就加了。

  uploadify的这种调用方法的方式我很不喜欢,settings本身是个方法,却要作为参数传递,而且还要再调用一次$选择器,其实只要把初始化时返回的对象保存下来即可。因此,我的Huploadify提供这样的调用方式:

var up = $('#upload').Huploadify({});
up.settings('formData', {a : 1});

  这样用起来会舒服很多。同时,为了保持与Uploadify的统一性,它那样的调用方式也做了兼容,同样可以这样调用:

up.Huploadify('settings','formData', {a:1,});

  不过再次调用$选择器的方式我这里没有做兼容,也不打算兼容了,因为这样反而会浪费效率。所以下面这样的调用是不行的:

$('#upload').Huploadify('settings','formData', {a:1,});

2.  对外开放的方法增加destroy

  就是把上传插件给销毁。至此,Uploadify所有对外提供的方法调用我这里都实现了。

3. 允许上传的文件类型默认为*.*

  即默认允许上传任何类型的文件。

  只有以上几点改动,欢迎大家下载使用,有任何bug欢迎留言。再说点题外话,本来在这个插件上没打算投入多少功夫的,没想到还被其他朋友采用到项目中,因此我也会继续维护它,打算年后发布到github上,拉出去献献丑,也让插件的性能和架构再做一次提升~敬请期待!

  V2.1的源码包下载地址:http://files.cnblogs.com/lvdabao/Huploadify-V2.1.zip

-----------------------补充于2014.01.28-------------

  发现一个不完善的地方,上传成功后的回调函数中,需要依赖于后端的返回数据,若返回数据格式错误或未返回数据,会报错误。这样插件与后端产生了耦合,不恰当,在此做出修改,无论后台是否返回数据,不影响回调函数的执行。追加一个2.1.1版本:

  http://files.cnblogs.com/lvdabao/Huploadify-V2.1.1.zip

-----------------------补充于2014.02.24--------------

  感谢@ShowStyle提出的一个bug,在文件完整上传后,再次上传相同文件,不应再发送请求。已做相应的修改,在此追加一个2.1.2版本:

  http://files.cnblogs.com/lvdabao/Huploadify-V2.1.2.zip

  另外我也感觉到了这样管理版本的不便,已开始着手重构插件(API不会变化),并开源在github上。目前1.0版本的已经完成,地址:https://github.com/Double-Lv/Huploadify。欢迎fork。具有断点续传功能的2.0版本也会在稍后开源上去。

HTML5文件上传插件 Huploadify V2.1发布的更多相关文章

  1. 基于Bootstrap 3可预览的HTML5文件上传插件

    前端常用资源地址: http://www.htmleaf.com/ http://www.htmleaf.com/html5/html5muban/201505091801.html 源代码地址 ht ...

  2. 一款基于uploadify扩展的多文件上传插件,完全适用于Html5

    http://www.uploadify.com/documentation/  官网里面有两个插件,一个是要使用flash插件才能文件上传的插件,另外一个是不需要使用要flash插件的文件上传插件完 ...

  3. 多文件上传插件Stream,是Uploadify的Flash版和Html5版的结合,带进度条,并支持html5断点续传(附件上传),拖拽等功能

    是根据某网的文件上传插件加工而来,支持不同平台(Windows, Linux, Mac, Android, iOS)下,主流浏览器(IE7+, Chrome, Firefox, Safari, 其他) ...

  4. 支持断点续传的文件上传插件——Huploadify-V2.0来了

    之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需 ...

  5. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

  6. jQuery文件上传插件Uploadify(转)

    一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...

  7. 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用

    Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...

  8. Bootstrap文件上传插件File Input的使用

    基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用 Bootstrap文件上传插件File Input是一个不错的文件上传控件, ...

  9. AJAX文件上传实践与分析,带HTML5文件上传API。

    对于HTML5已经支持AJAX文件上传了,但如果需要兼容的话还是得用一点小技巧的,HTML5等等介绍,先来看看以前我们是怎么写的. 网上可能会有一些叫AJAX文件上传插件,但在AJAX2.0之前是不可 ...

随机推荐

  1. Bootstrap 模态框 + iframe > 打开子页面 > 数据传输/关闭模态框

    父页面bootstrap模态框: <div class="modal fade" id="myModal" tabindex="-1" ...

  2. 结合阿里云服务器,设置家中jetson tk1随时远程登陆

    前提条件: 1.路由配置dmz主机为tk1的ip ,设置路由器中ssh 端口22的访问权限 2.有一台远程服务器,服务器安装了php可以运行php文件(我使用的是阿里云) 家中tk1配置: 脚本pyt ...

  3. js二维数组与字符串

    1. 二维数组:数组中的元素,又引用了另一个数组对象 何时使用:只要保存横行竖列的数据, 具有上下级包含关系的数据, 创建二维数组: 1. var arr=[]; col arr[0]=[" ...

  4. CS0234: 命名空间“System.Web.Mvc”中不存在类型或命名空间名称“Html、Ajax”(是否缺少程序集引用?)

    从SVN上down下来的程序,编译报了一大堆的错,发现是缺少引用,但是明明引用了,后来打开引用,发现system.web.mvc这个引用打着叹号,如图: 后来重新引用了本机的system.web.mv ...

  5. 初识C语言

    C语言是开发iOS软件的基础. 一.C语言简介 1.      简史 1)          C语言于1972年发明,首次使用是用于重写UINX操作系统(UNIX以前主要是用汇编语言写的,它奠定了操作 ...

  6. ES6中的var let const应如何选择

    javascript世界里面的每个人都在说有关ECMAScript 6 (ES6,也称作ES 2015)的话题,对象的巨大变化 ( 类 , super() , 等), 函数 (默认参数等), 以及模块 ...

  7. bootstrap 模态框禁用空白处点击关闭

    bootstrap 3 模态框为信息编辑窗口,默认点击空白处会自动关闭,但是有的时候这个功能需要关闭,比如编辑信息,一不小心点击了空白处,那就要重新编辑了. bootstrap 3 模态框禁用空白处点 ...

  8. 页面超慢,zabbix却没报警

    故障背景:网站页面打开速度非常慢 排查过程: 1.一开始用vmstat 看到procs下的r值稳定在5.6,由于这台服务器是12核24线程,并且cpu的wa很大,说明系统很轻松, 肯定不会报警了,那为 ...

  9. 原声JavaScript实现滚动条·改1

    修正了获取元素相对视口左距离的逻辑问题(之前的函数实际获取的是相对于页面左距离).去除了调试时忘记删除的mouseleave事件.将创建滚动条的功能单独列为一个函数. 添加了鼠标点在滚动条什么位置,就 ...

  10. [UCSD白板题] Least Common Multiple

    Problem Introduction The least common multiple of two positive integers \(a\) and \(b\) is the least ...