月初发布了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. 安装odoo服务

    sysv init 服务 从 odoo 源码 debian 目录 拷贝 init 至 /etc/init.d/ 并 更名为 odoo cd /opt/odoo sudo cp /opt/odoo/de ...

  2. ubuntu安装jdk

    首先,从http://java.sun.com或者http://www.oracle.com/technetwork/java/javasebusiness/downloads/java-archiv ...

  3. jsp中,个别乱码进行转码操作

    来自大神 if(xh!=null && xh!=""){ xhmc =new String(xh.getBytes("ISO-8859-1"), ...

  4. fuse进级

    任何操作首先都会传递给getattr函数.

  5. ZOJ3792_Romantic Value

    给出图,使得两点无流量,剩余其他边的总容量与删除边数的比值. 要机智啊... 因为原图给的边数不超过1000,容量也不超过1000,可以这样把边的容量变为2000*c+1.这样跑出最大流后,最大流除以 ...

  6. 使用zabbix邮件发送报表

    简介 首先我们来看下图片的url (右击screens中随便一张图片,选复制图片地址) http://zabbix.xxx.com/chart2.php?graphid=524&screeni ...

  7. 卸载AppDomain动态调用DLL异步线程执行失败

    应用场景 动态调用DLL中的类,执行类的方法实现业务插件功能 使用Assembly 来实现 但是会出现逻辑线程数异常的问题 使用AppDomain 实现动态调用,并卸载. 发现问题某个插件中开启异步线 ...

  8. shell下批量重命名svn文件的方法

    shell下批量重命名svn文件的方法 目标: 将svn目录下所有文件重命名 , 原文件前缀为 ucc_ , 批量改为 xmd_ 用tree看下当前svn目录 ucc_1.c ucc_1.h ucc_ ...

  9. R语言中的logical(0)和numeric(0)以及赋值问题

    logical(0) 不等于 numeric(0).两者都不等于NULL值,即is.null(logical(0))和is.null(numeric(0))返还值都是FALSE.这很有意思,说明长度为 ...

  10. Linux命令之route - 显示和操作IP路由表

    转自:  http://codingstandards.iteye.com/blog/1125312 用途说明 route命令用于显示和操作IP路由表(show / manipulate the IP ...