EasyUploader是一个轻量级的的js文件上传库。它基于HTML5、canvas、fileReader等技术开发。比较适合移动端使用,pc端浏览器由于HTML支持情况不同,导致使用比较受限,特别是IE浏览器,后期会考虑添加flash上传文件。它不依赖其它js库。
文件上传在web开发中是非常常见的,现在已有的上传库也非常多(webuploader、uploaderfy等)。但是感觉还是偏重,不够轻量,而且想尽可能的掌控与熟悉源码。故萌生了想开发一款上传库的想法,考虑尽量将其做得简单实用。顺便可以学习到不少的知识(HTML5、canvas、闭包、各种工具等等)。
- 文件上传
- 图片压缩
- 拖曳上传
- 照片上传旋转修正
项目正在开发中。发布的暂时还是测试版本。我很抱歉我的英语比较烂。关于项目问题,请在github issue提交即可。如果亲能赏个star,我会非常高兴的。
-
使用NPM方式
npm install easyuploader --save
-
使用script (unpkg CDN)方式.
<script src="https://unpkg.com/easyuploader/dist/easyuploader.min.js"></script>
-
运行项目
-
克隆本项目
git clone https://github.com/hillpy/EasyUploader.git
-
安装node依赖包
npm install
-
开启rollup监听及web服务(需php环境),url:localhost:1180/example/index.html。
npm run dev
-
打包构建
npm run build
-
-
运行文档
-
全局安装gitbook-cli
npm install gitbook-cli -g
-
安装依赖库
cd doc && gitbook install
-
启动服务
gitbook serve
-
1. 避免创建的input中id属性出现冲突
2. 限制文件上传类型
-
多文件上传
-
图片裁剪
-
断点续传、文件分片上传