js上传插件之webuploader

之前那个拖拽功能又出bug了,又花了两天,解决目前了发现的bug。
前面一篇文章写的我们实现了一个供用户通过拖拽实现改变上传顺序的功能。结果细心发师兄隔了一个晚上又给我们找了一个bug出来,这次的问题是。
问题:用户虽然看到自己拖拽的图片按顺序上传了,但实际上只是动画显示正常,传到数据库的图片是非正常顺序显示在用户面前的。这个bug来源于我们看问题没有透彻其根本原因,由于之前的上传js是封装好了的放在服务器上的,我们根本不能修改,于是就没忘那些方面考虑。这次从服务器上把那个上传图片的js拿了下来。
咋一看很蒙蔽,完全不知道写的啥,幸好之前写这个js的人写代码的习惯很好,我们从注释得之,他用的是一个上传插件,就是后面我们要说的WebUploader。

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH
为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃
主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。
两套运行时,同样的调用方式,可供用户任意选用。采用大文件分片并发上传,极大的提高了文件上传效率。

官方文档

查看官方文档后,知道了大概怎么使用的。而我们要修复bug就要从一个排序方法入手。官方文档上找到了一个sort方法,

sort( fn )undefined
排序队列中的文件,在上传之前调整可以控制上传顺序。

就这么几句解释。看完内心一百个黑人?,这玩意怎么用啊!这时候万能的师兄出马了。在实例化以后webuploader.sort(function(a,b){});就好。当然要方正该放的地方。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值