AjaxCrop – inspired by PHP & JQueryPhoto Upload and Crop .I decided to make my own version and based on imgAreaSelect ,Jquery and Asido.
I hope you like it and please feel free to add a comment.
EDIT: I have updated the link of asido to http://sourceforge.net/projects/asido/files/ – thanks to Johan.
What you Need:
How it works:
- After uploading the local image, it will be processed and converted to jpg regardless of image type.
- It accepts Jpg,Gif and Png and then add a white background if the image will not fit on the exact dimension. You can change the background color by editing the php file. Please visit Asido for more details: http://sourceforge.net/projects/asido/files/
- The file upload is done via iframe to prevent page refresh thus mimicking Ajax (there is no way to do Ajax on file inputs) .
- Jquery will get the file content of the iframe and then load it to the main page. You will see the big image , cropped and converted to jpg or an error if the file upload is unsuccessful.
- Click create thumbnail to create a thumbnail, in the demo you can see the image source of the thumbnail so that you can use it in your application.
- Have FUn!
Screenshot
Watch out – loading asido.info gives a virus alert that the site is infected
i have been visiting that page since they first launched but recently I have been warned by Avast that the site is infected.
anyway, just get the files here:
http://sourceforge.net/projects/asido/files/
Thanks Johan for the information.
The button ‘upload’ doesnt work
I didnt take a picture that was too big (500kb)
I have re created your problem.
It seems that it cannot upload if the image extension is not correct. Like a BMP file with a JPG extension.
Also I found a bug on my work, updated the files in source forge.
Line 47:
before
if($_FILES['files']['size'] < 2097000 ){
after
if($_FILES['photo']['size'] < 2097000 ){
Hello Keith! I have one problem, but I don’t know what I do wrong! After I upload the image, it does not load to the thumb! =/ I check the big folder, and the image is there, but the screen does not appear. I have not changed anything in the files we have only the directories of files. Is it a problem with my version of the GD library or PHP?
@Cami:
Can you see the file extension if it’s really jpg? I have fixed a bug, see my post above.