Fork me on GitHub

magick-uploader.js

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

  $('input[type=file]').MagickUploader({
    preview: $('.thumbnail'),
    resize: '200x200'
  });
  
  $('input[type=file]').MagickUploader({
    preview: $('.thumbnail'),
    resize: '200x200^'
  });
  
  $('input[type=file]').MagickUploader({
    preview: $('.thumbnail'),
    resize: '200x200<'
  });
  
  $('input[type=file]').MagickUploader({
    preview: $('.thumbnail'),
    resize: '200x200>'
  });
  
  $('input[type=file]').MagickUploader({
    preview: $('.thumbnail'),
    resize: '50%'
  });
  
after uploading, you'll see the received resized image, without any server-side processing.