HTML5文件上传插件 Huploadify V2.1发布
月初发布了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发布的更多相关文章
- 基于Bootstrap 3可预览的HTML5文件上传插件
前端常用资源地址: http://www.htmleaf.com/ http://www.htmleaf.com/html5/html5muban/201505091801.html 源代码地址 ht ...
- 一款基于uploadify扩展的多文件上传插件,完全适用于Html5
http://www.uploadify.com/documentation/ 官网里面有两个插件,一个是要使用flash插件才能文件上传的插件,另外一个是不需要使用要flash插件的文件上传插件完 ...
- 多文件上传插件Stream,是Uploadify的Flash版和Html5版的结合,带进度条,并支持html5断点续传(附件上传),拖拽等功能
是根据某网的文件上传插件加工而来,支持不同平台(Windows, Linux, Mac, Android, iOS)下,主流浏览器(IE7+, Chrome, Firefox, Safari, 其他) ...
- 支持断点续传的文件上传插件——Huploadify-V2.0来了
之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需 ...
- 强大的支持多文件上传的jQuery文件上传插件Uploadify
支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...
- jQuery文件上传插件Uploadify(转)
一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列. 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用. 由于官方提供的版本是flash免费,html5 ...
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...
- Bootstrap文件上传插件File Input的使用
基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用 Bootstrap文件上传插件File Input是一个不错的文件上传控件, ...
- AJAX文件上传实践与分析,带HTML5文件上传API。
对于HTML5已经支持AJAX文件上传了,但如果需要兼容的话还是得用一点小技巧的,HTML5等等介绍,先来看看以前我们是怎么写的. 网上可能会有一些叫AJAX文件上传插件,但在AJAX2.0之前是不可 ...
随机推荐
- 不容错过!2016年度优秀UI/UX设计文章
本文整理了一些2016年度最受欢迎的文章,例如有关UI / UX设计的理论知识,书籍和工具,如何做出更好的设计的方法和建议,以及新的设计趋势. 1. 2017年用户体验设计趋势 我们期待着2017年用 ...
- 百度地图定位经纬度返回4.9E-324有关问题
1.查看你的应用是否有权限查看你的地理位置信息,有可能是你没有加上权限,或者当你第一次打开app时询问你是否给予软件权限查看你的地理位置信息,你选择了否,所以经纬度就一直返回4.9E-324 2.查看 ...
- mouseover、mouseout,mouseenter、mouseleave区别
心情压抑的一天,我想好好的. mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件. 只有在鼠标指针穿过被选元素时,才会触发 mouseen ...
- Python html.parser库学习小结
分类路径:/Datazen/DataMining/Crawler/ 前段时间,一朋友让我做个小脚本,抓一下某C2C商城上竞争对手的销售/价格数据,好让他可以实时调整自己的营销策略.自己之前也有过写 ...
- 实验 2 用C语言编写简单程序
#include<stdio.h> int main() { int x,y; printf("enter x:"); scanf("%d",&am ...
- Windows 下 ffmpeg 转 mp4
最近在研究所有视频格式转 mp4 因为html5 只支持mov MP4 等格式..查阅了 很多资料发现 转成flv 很简单.. 可是要转 mp4 就难了... 经过我不屑的努力..终于转换成功了 ...
- XAF ListView 移除顶部工具栏
此方法适用于C/S及B/S,无需分别写在web和win中. Module下新建ViewController,代码如下: public partial class GongZuoJiaoShen_Yin ...
- Docker ntpdate Permition error
After building a Dockerfile, I run it. I figure out that there is something wrong with local time. S ...
- React Native填坑之旅--class(番外篇)
无论React还是RN都已经迈入了ES6的时代,甚至凭借Babel的支持都进入了ES7.ES6内容很多,本文主要讲解类相关的内容. 构造函数 定义侦探类作为例子. ES5的"类"是 ...
- [LeetCode]447 Number of Boomerangs
Given n points in the plane that are all pairwise distinct, a "boomerang" is a tuple of po ...