Comments on: Ajax form upload local image file without refresh

By: [alfa]

[alfa] — Sat, 09 Apr 2011 11:15:43 +0000

Thank you very much rick…It works perfectly!
Now your code is complete.

By: rick

rick — Fri, 08 Apr 2011 17:50:55 +0000

Hi alfa,

You can make an extra ajax call to remove the file from server.
This is an example. I have tested, hope this can help you.

function removeUpload(e){
var removeId = $(e.target).attr(’alt’);
// get image src path
var imagePath = $(’#'+removeId).find(’img’).attr(’src’);

$(’#'+removeId).remove();
if(fileCount>0) fileCount–;
$(”#inp”).removeAttr(’disabled’);

// send image src to server
$.get( “http://your_domain/your_file.php” , {’removeFileName’:imagePath} );
}

By: [alfa]

[alfa] — Fri, 08 Apr 2011 08:38:08 +0000

How to add another ajax call within function removeUpload(e){} to remove image from server?

By: Ruben Sargsyan

Ruben Sargsyan — Wed, 09 Feb 2011 07:36:02 +0000

Have you tried to change the line

if(response.indexOf(’.gif’)!=-1){ //upload successfully

if(response.indexOf(’.gif’)!=-1 || response.indexOf(’.jpg’)!=-1 || response.indexOf(’.jpeg’)!=-1 || response.indexOf(’.png’)!=-1){ //upload successfully

By: Marc

Marc — Fri, 04 Feb 2011 17:51:08 +0000

if(response.indexOf(’.gif’)!=-1){ //upload successfully

How to make it accept multipe (jpg, jpeg, gif & png), already did it on save.php but need to know how to do it on ajax side.

By: MODx Jot image upload using ajax - Question Lounge

MODx Jot image upload using ajax - Question Lounge — Fri, 07 Jan 2011 02:11:29 +0000

[...] getting a image upload field to work so people can upload a pic of the fish. I’m using this http://www.fengcool.com/2009/06/ajax-form-upload-local-image-file-without-refresh/ and i can get the image to upload but not show up in the jot-comment section. So i need the [...]

By: anotherbeginner

anotherbeginner — Fri, 12 Nov 2010 18:08:09 +0000

i have a problem only with firefox 3.6, 3.5 (both on windows and ubuntu) but not with firefox 4 beta or firefox 2.0, when i try to generate unique image name in save.php $_FILES['image']['name'] = mt_rand(222,999).'.jpg'; $uploadfile = $_FILES['image']['name']; the first uploaded image is generated as normal, but the second is generated two times, and the third is generated three times, so after 3 uploads i see 3 images in browser, but on server i have 6 images (1+2+3). is there a way to correct this?

By: jquerybeginner

jquerybeginner — Sat, 11 Sep 2010 03:39:26 +0000

What a neat and clear explanation! I went through so many websites in search of what I was looking for: to upload files to the database, but none explained to me so clearly what they were doing or why. Now I understand what they all have been doing. Thanks to you!

By: passing variables between function in jQuery | The Largest Forum Archive

passing variables between function in jQuery | The Largest Forum Archive — Sat, 31 Jul 2010 14:25:08 +0000

[...] http://www.fengcool.com/2009/06/ajax-form-upload-local-image-file-without-refresh/ [...]

By: AdRock

AdRock — Thu, 29 Jul 2010 15:27:05 +0000

This is exactly what I’ve been looking for.

All the other examples I’ve seen uses a form action button to the upload/save.php where in fact I want to have my own action. Your example lets me do what i want so i can save data in a database.

Excellent work and thanks for sharing