Icontem

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

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (2)   DownloadInstall with Composer Download .zip   Reputation   Support forum (2)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2013-02-25 (3 years ago) RSS 2.0 feedStarStarStar 44%Total: 644 All time: 20 This week: 27Down
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
Innovation award
Innovation award
Nominee: 3x

Screenshots  
  • screen-shot-image-uploader
  Files folder image Files  
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:644
This week:0
All time:20
This week:27Down
User Ratings User Comments (1)
 All time
Utility:68%StarStarStarStar
Consistency:68%StarStarStarStar
Documentation:-
Examples:31%StarStar
Tests:-
Videos:-
Overall:44%StarStarStar
Rank:41