Angular HTML5 file upload

Flow.js is a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API. Library does not require third party dependencies.

Angular file upload flowjs/ng-flow

Flow.js file upload core libraryflowjs/flow.js

flow.js php server libraryflowjs/flow-php-server

IE 7-9 browsers drop-in supportflowjs/fusty-flow.js

Features:
  • Pause/Resume upload
  • Recover lost upload
  • Error handling
  • Drag and Drop with folder reader
  • Drop area animation
  • Custom upload buttons
  • Folder Upload
  • Queue management
  • Image preview
  • File validation
  • Upload progress
  • Chunk uploads

The library is designed to introduce fault-tolerance into the upload of large files through HTTP. This is done by splitting each file into small chunks. Then, whenever the upload of a chunk fails, uploading is retried until the procedure completes. This allows uploads to automatically resume uploading after a network connection is lost either locally or to the server. Additionally, it allows for users to pause, resume and even recover uploads without losing state because only the currently uploading chunks will be aborted, not the entire upload.

Ng-flow documentation can be found here: https://github.com/flowjs/ng-flow

Flow.js file upload core library: https://github.com/flowjs/flow.js

Basic upload

This is just an example of flow.js. No files are actually uploaded.
Upload File Upload Folder OR Drag And Drop your file here

Resume all Pause all Cancel all Total Size: {{$flow.getSize()}}bytes
{{file.relativePath}} ({{file.size}}bytes)
{{file.progress()}}% Complete
Pause Resume Cancel Retry

Gallery upload

Upload Image Upload Folder of Images OR Drag And Drop your images here

{{file.name}}
{{file.progress()}}% Complete
Remove

Single Image upload

Select image Change Remove

Only PNG,GIF,JPG,JEPG files allowed.