Send values with link???

[StefanRSA]

I am using Iframe to upload images without refresh with the following function

function ajaxFileUpload(upload_field)
{
// Checking file type
var re_text = /\.jpg|\.gif|\.jpeg/i;
var filename = upload_field.value;
if (filename.search(re_text) == -1) {
alert("File should be either jpg or gif or jpeg");
upload_field.form.reset();
return false;
}
document.getElementById('picture_preview').innerHTML = '<div><img src="../images/loader_light_blue.gif" border="0" /></div>';
upload_field.form.action = 'ajaxupload.php';
upload_field.form.target = 'upload_iframe';
upload_field.form.submit();
upload_field.form.action = '';
upload_field.form.target = '';
return true;
}

I am new to JS, so please bare with me....
I can, after upload create a link that has the name of the image and want to use this link to delete the image without refresh like:

www.domain.co.za/deleteimage.php?image=theuploadedimage.jpg

What function should I write and how, to get the value of image sent to the deleteimage.php ????

I know I should also update the iframe and will struggle with that... Please just give me a clue on how to send the value of image to my deleteimage.php page

[aj_nsc]

To be extremely basic, your delete image file would consist of:

if(file_exists('/path/to/image/'.$_GET['image'])) {
  unlink('/path/to/image/'.$_GET['image']);
} 

To get the iframe to delete the image, then create a new form in the iframe like this:

<form method="get" action="http://www.domain.co.za/deleteimage.php">
 <input type="hidden" name="image" value="{theimagefile}">
 <input type="submit" value="Delete">
</form>

Looks like you've got form manipulation down pretty good so you can use JS to populate the image field and submit the form.

[StefanRSA]

Hi aj

Yes, that is the php script that will be used in the deleteimage.php file.
What javascript function should I call to send this value to the deleteimage.php...

function ajaxFileUpload(upload_field){} send the uploaded data to my upload.php from the index.php and then updates the iframe as well after image upload. This happen onchange of the upload field ie.:

<input type="file" name="img1" id="picture" onchange="return ajaxFileUpload(this);" />

How sould I write the function to be activated with

<a href="deleteimage.php?delete=theuploadedimage" onClick="return ajaxFiledelete(this);">DELETE IMAGE</a>

so it carries the value of delete in the link to the deleteimage.php without refresh or actually going to that page???

[StefanRSA]

Ok,,,,,, Sorry.... Did not read your complete reply.....

Will your answer activate the delete without refresh? How then should I update the Iframe?

Sorry if i am totaly confusing... I am trying to understand this myself.... lol!

[aj_nsc]

No it will not delete without a refresh of the iframe, but it will delete without a refresh of the page the iframe is embedded in. Seeing how you are using an iframe and submitting a form in it anyway, I figured this is what you wanted.

[StefanRSA]

Ok, no sorry. I need to refresh the Iframe again to get the upload field back again. This is to make sure someone can upload an image and delete if not happy and re-upload.... Do you want me to put both my files here so you can see what I am trying to do?