月初发布了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. sql月份销售统计

    1.SELECT   MONTH(SellTime) as selltime,SUM(TotalPrice) as total FROM  Sell WHERE  YEAR(SellTime)=CON ...

  2. ember - 观察者模式

    Ember可以察觉所有属性的变化,包括计算属性.观察者是非常有用的,特别是计算属性绑定之后需要同步的时候. 观察者经常被Ember开发过度使用.Ember框架本身已经大量使用观察者,但是对于大多数的开 ...

  3. 下载Spring框架开发包

    1.打开官网: http://spring.io/,打开project >> spring framework 2.在右侧找到要用的版本,如4.3.4,打开reference,搜索&quo ...

  4. 03-Swift常量&变量

    什么是常量和变量 在Swift中规定:在定义一个标识符时必须明确说明该标识符是一个常量还是变量 使用let来定义常量,定义之后不可以修改 使用var来定义变量,定义之后可以修改 常量和变量的基本使用 ...

  5. pycharm 下载与配置

    https://www.jetbrains.com/pycharm/download/

  6. jQuery与其他JS库共存

    * 事件 * jQuery与其他JS库共存 * 调用jQuery.noConflict()方法 * 表示jQuery将"$"符号的使用权交出 * 通过两种方式将"$&qu ...

  7. 深入研究C语言 第二篇(续)

    1. 关于如下的程序,关于结构体的拷贝,拷贝是拷贝到内存中的什么地方? 我们进入debug进行反汇编,单步等操作跟踪查看.发现: 在main中,我们看到call 0266应该对应的是转跳到func处执 ...

  8. 按Enter键触发事件

    1.document.onkeydown=function(e){        var keycode=document.all?event.keyCode:e.which;        if(k ...

  9. 在app中打开appStore中其他app

    var str = "https://itunes.apple.com/cn/app/zhang-jiange-hao-tou-zi-ke/id402382976?mt=8"//这 ...

  10. [转]redis-cli的一些有趣也很有用的功能

    本文转至:http://www.tuicool.com/articles/Yvqm2ev http://mdba.cn/category/redis/ redis-cli我们最常用的两个参数就是-h. ...