AJAX Image Uploader: Resize or crop images before uploading via AJAX

Recommend this page to a friend!
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStar 46%Total: 705 All time: 20 This week: 5Up
Version License JavaScript version Categories
js-image-uploader 1.0.0GNU General Publi...1.8.5AJAX, Graphics
Description 

Author

This class can resize or crop images before uploading via AJAX.

It can listen to changes in form file input so it can detect when the user has chosen an image to upload.

The object creates a canvas element and loads the image and resizes or crops it to given size or position, so it can display a preview of the image within a given page element.

It can also initiate the upload of the image to a given URL using an AJAX request.

The progress, the completion or any errors during the image file upload can be tracked using given callback functions.

Innovation Award
JavaScript Programming Innovation award nominee
February 2013
Number 2
Often Web sites require that users upload picture files from their machines.

When a user uploads the wrong image files by mistake, he needs to repeat the process.

The class can help preventing that. It lets the user preview in the browser page the picture that he selected by showing a thumbnail before the user can confirm that is the right picture to be uploaded.

Manuel Lemos
Picture of Rafael Lúcio
  Performance   Level  
Name: Rafael Lúcio <contact>
Classes: 11 packages by
Country: Brazil Brazil
Age: 36
All time rank: 51 in Brazil Brazil
Week rank: 6 Down1 in Brazil Brazil Equal
Innovation award
Innovation award
Nominee: 3x

Screenshots (1)  
  • screen-shot-image-uploader
  Files folder image Files (3)  
File Role Description
Plain text file JSImageUploader Class Source class
Plain text file test.html Example Test file

 Version Control Unique User Downloads Download Rankings  
 0%
Total:705
This week:0
All time:20
This week:5Up
User Ratings User Comments (1)
 All time
Utility:70%StarStarStarStar
Consistency:70%StarStarStarStar
Documentation:-
Examples:45%StarStarStar
Tests:-
Videos:-
Overall:46%StarStarStar
Rank:59