angular-uploader

A sweet HTML5 multi file upload directive, with quality control, previewing, and resizing images!

Added by: Sam Deering

GitHub

Repository

fraywing/angular-uploader

Stats

Stars: 29

Watchers: 29

Forks: 5

Module Description

angular-uploader

A sweet HTML5 multi file upload directive, with quality control, previewing, and resizing images!

N.B. Requires jQuery

###angular-uploader v0.0.2

##changelog

develop version

  • Add text upload instruction (layer above image)

v0.0.2

  • Adding multi-object support in a single page
  • Agging switch on/off dragNdrop functionality
  • Adding defaultImage functionality
  • BugFix

##installation

  1. Using bower

(develop)

bower install https://github.com/Fabryprog/angular-uploader.git#master --save

(v0.0.2)

bower install https://github.com/Fabryprog/angular-uploader.git#v0.0.2 --save
  1. Add css and js file
...
    <link href="bower_components/angular-uploader/angular-uploader.css" rel="stylesheet">
    <script src="bower_components/angular-uploader/angular-uploader.js"></script>
...

USAGE

<div angular-upload upload-opts='
{"maxWidth" : 661, "maxHeight" : 371, "dragNdrop" : true, "url" : "/api/saveImage"}')
</div>

maxWidth Currently is the pixel width that your image will be resized to

maxHeight Currently is the pixel height that your image will also be resized to

dragNdrop On by default

url Where to shoot your base64 encoded, resized image to!

defaultImage

Using a defaultImage on module load.

<div angular-upload upload-opts='
{"maxWidth" : 661, "maxHeight" : 371, "dragNdrop" : true, "url" : "/api/saveImage", "defaultImage": "www/images/default/default.png" }')
</div>

N.B. This feature hide default button uploadfile.

description

This field is a description string to indicate upload instruction.

Default value is "Drop files to upload (or click)"

TODO

1.Make Multiple work
2.making make width and max height force a apect ration option
3.add styles for drag and drop

Module stats last updated: 2017-05-22 15:00:05

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!