What is EasyUploader
EasyUploader is a lightweight js file upload library. It is developed based on HTML5、canvas、 fileReader and other technologies.It is more suitable for the use of mobile. Due to the different HTML support conditions of PC browsers, their use is limited, especially Internet explorer browsers. Flash will be considered to upload files in the later stage.It does not depend on other js libraries.
Why develop
File upload is very common in web development, and there are many existing upload librarys (webuploader uploaderfy, etc.).But the feeling is still heavy, not light enough, and want to control as much as possible and familiar with the source code.Therefore, I came up with the idea of developing an upload library and considered making it as simple and practical as possible.By the way, I can learn a lot of knowledge (HTML5 canvas closure tools, etc.).
Document
Online example
Features
- file upload
- picture compress
- drag upload
- fix photo orientation
Remark
This project is being developed. The release is still a test version for the time being.And I'm sorry my English is poor.Please submit the project questions on github issue.If you give me a star, I will be very happy.
How to install
-
use NPM.
npm install easyuploader --save -
use script (unpkg CDN).
<script src="https://unpkg.com/easyuploader/dist/easyuploader.min.js"></script>
How to run
-
run project
-
Clone project.
git clone https://github.com/hillpy/EasyUploader.git -
Install NPM dependencies package.
npm install -
Open rollup watching and open web service(need php environment). url: localhost:1180/example/inex.html.
npm run dev -
Bundle and build.
npm run build
-
-
run gitbook
-
Global installation gitbook-cli.
npm install gitbook-cli -g -
Install NPM dependencies package.
cd doc && gitbook install -
Open service.
gitbook serve
-
CHANGELOG
TODO
1. avoid id collisions
2. limit file upload types
-
multiple files upload
-
picture clip
-
breakpoint to continue and file slice upload