• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

EasyUploader: EasyUploader is a lightweight js file upload library. EasyUploader ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

EasyUploader

开源软件地址:

https://gitee.com/hillpy/EasyUploader

开源软件介绍:

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap