Webuploader.js是一款支持网络上传图片的多文件上传插件,兼容性良好,支持最新浏览器也能通过FLASH解决兼容问题,兼容IE6+,iOS6+,Android4+。Webuploader.js让用户网站拥有一个上传图片的功能,让用户网站的特性更加丰富。
使用方法
1、环境依赖git命令行工具
node & npm命令行工具
grunt (npm install grunt-cli -g)
2、编译代码
克隆 webuploader git仓库,git clone https://github.com/fex-team/webuploader.git。
安装node依赖,npm install。
执行grunt dist,此动作会在dist目录下面创建合并版本的js, 包括通过uglify压缩的min版本。
3、配置
打开webuploader仓库根目录下面的Gruntfile.js文件, 代码合并有buildtask来完成。找到build配置项。
Gruntfile.js已经配置了一个自定义合并的demo. 打包只支持HTML5的版本。
Webuploader特色说明
1、纯html+js的上传工具。
2、调用Uploader.swf。
3、可以在电脑端运行。
Webuploader功能
引入资源
使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。
HTML5 & FLASH
兼容主流浏览器,接口一致,实现了两套运行时支持,用户无需关心内部用了什么内核。
MD5秒传
当文件容积大、量比较多时,支持提交前做文件md5值认证,一致则可立即绕过。
假如服务器端与前面统一改动优化算法,取段md5,可大大的提高认证特性,用时在20ms上下。
浏览、压缩
支持常见图片文件格式jpg,jpeg,gif,bmp,png浏览与压缩,节约互联网传输数据。
分析jpeg中的meta信息,针对各种各样orientation干了恰当的解决,与此同时压缩后提交保存图片的全部初始meta数据信息。
多方式加上文件
支持文件多选,种类过虑,拖动(文件&文件夹),图片黏贴作用。
黏贴作用关键反映在当有图片数据信息在粘贴板里时(截屏工具如QQ(Ctrl+ALT+A),网页页面中右键图片点击复制),Ctrl+V便可加上此图片文件。
易拓展、可分拆
选用可分拆体制,将每个作用单独变成小组件,可随意配搭。
选用AMD标准机构代码,清楚一目了然,便捷高级玩家拓展。
分块、高并发
分块与高并发融合,将一个大文件切分成几块,高并发提交,极大地提高大文件的上行速度。
当网络问题造成传送不正确时,只必须重传来错分块,而不是全部文件。此外分块传送可以更为即时的追踪提交进展。
上一篇:Lingoes灵格斯词霸
下一篇:RSD数理统计计算器