but it works only for the first image… could you help me?

Thanks

By the way, please make sure this line
$(”#test”).bind(’click’,startUpload);
should place inside of
$(document).ready(function(){ …….. });

Yes onchange is working perfectly and images are uploading fine, just for my purpose I really need an additional button as well the file input. Ive tried a few different ways this evening but still no luck? Ive even tried adding the function startUpload as an Onclick from the button in the form instead of the bind method and this also failed.
Help?

Thank you for your comment.
Let me clear something first. Does onchange works perfectly on your side? (I mean images are successfully uploaded to sever?)
If it works, the button should work too.
You may feel free to echo any message on “uploadUrl = ’save.php’;”, those messages will appear on alert box. By this way, you can debug if save image works or not.

Ive added a submit button with the id=’test’ and changed the function to a click rather than change.

//bind onchange function to input element
$(”#test”).bind(’click’,startUpload);

when I try this the script loads but all I get back is an empty alert box? any ideas what I am doing wrong? – Great example BTW

This demonstration only shows how to handle upload images. If you want to implement image removal from server, you must add another ajax call within function removeUpload(e){} and pass file name which need to be deleted. On server side, simple, just unlink() the file.

save.php is where you should handle uploaded images from the form. It should be located in your server, eg. http://your-domain.com/save.php

I will post a working demo later.

Thanks, hoolio.

Would love it if you explained it a bit more clearly or even posted up a working demo.

Anyways,