https://github.com/endel/magick-uploader.js

Resize images on client-side before sending it to your server.
https://github.com/endel/magick-uploader.js

Last synced: about 1 year ago
JSON representation

Resize images on client-side before sending it to your server.

• Host: GitHub
• URL: https://github.com/endel/magick-uploader.js
• Owner: endel
• License: mit
• Created: 2013-01-22T21:01:36.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2013-01-23T02:46:30.000Z (over 13 years ago)
• Last Synced: 2025-04-12T20:07:58.199Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://magick-uploader.herokuapp.com
• Size: 436 KB
• Stars: 9
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
magick-uploader.js

===

Resize images on client-side before sending it to your server. It requires

FileAPI and Canvas features from your client browser, which may be polyfilled

using Flash bridges, such as [flashcanvas](http://code.google.com/p/flashcanvas)

and [FileReader](https://github.com/Jahdrien/FileReader).

Check `examples` directory, run `bundle install` and `rackup` to see in action.

How to use

---

    $(function() {

      $('input[type=file]').MagickUploader({ resize: "200x200^" });

    });

TODO

---

Polyfill accourding to user's browser. Currently you must do it manually, using

[Modernizr](https://github.com/Modernizr/Modernizr), or [yepnopejs](https://github.com/SlexAxton/yepnope.js).

Browser compatibility

---

Supported natively:

 - Chrome 13+

 - Opera 11.1+

 - Opera Mobile 11.1+

 - Android 3.0+

Via polyfill:

 - Internet Explorer 7+

 - Safari 4+

License

---

This library is released under MIT License. Please see LICENSE file.