Skip to content

Latest commit

 

History

History
125 lines (78 loc) · 3.73 KB

README.zh-CN.md

File metadata and controls

125 lines (78 loc) · 3.73 KB

License Build Status Minfied Size Downloads Github Release NPM Release

EasyUploader是什么

EasyUploader是一个轻量级的的js文件上传库。它基于HTML5、canvas、fileReader等技术开发。比较适合移动端使用,pc端浏览器由于HTML支持情况不同,导致使用比较受限,特别是IE浏览器,后期会考虑添加flash上传文件。它不依赖其它js库。

为什么要开发

文件上传在web开发中是非常常见的,现在已有的上传库也非常多(webuploader、uploaderfy等)。但是感觉还是偏重,不够轻量,而且想尽可能的掌控与熟悉源码。故萌生了想开发一款上传库的想法,考虑尽量将其做得简单实用。顺便可以学习到不少的知识(HTML5、canvas、闭包、各种工具等等)。

文档

EasyUploader document

在线例子

EasyUploader example

特性

  • 文件上传
  • 图片压缩
  • 拖曳上传
  • 照片上传旋转修正

备注

项目正在开发中。发布的暂时还是测试版本。我很抱歉我的英语比较烂。关于项目问题,请在github issue提交即可。如果亲能赏个star,我会非常高兴的。

如何安装

  • 使用NPM方式

    npm install easyuploader --save
    
  • 使用script (unpkg CDN)方式.

    <script src="https://unpkg.com/easyuploader/dist/easyuploader.min.js"></script>
    

如何运行

  • 运行项目

    1. 克隆本项目

      git clone https://github.com/hillpy/EasyUploader.git
      
    2. 安装node依赖包

      npm install
      
    3. 开启rollup监听及web服务(需php环境),url:localhost:1180/example/index.html。

      npm run dev
      
    4. 打包构建

      npm run build
      
  • 运行文档

    1. 全局安装gitbook-cli

      npm install gitbook-cli -g
      
    2. 安装依赖库

      cd doc && gitbook install
      
    3. 启动服务

      gitbook serve
      

版本日志

版本日志

待做

1. 避免创建的input中id属性出现冲突

2. 限制文件上传类型

  1. 多文件上传

  2. 图片裁剪

  3. 断点续传、文件分片上传

仓库链接

Github
Gitee

协议

MIT