www.webdeveloper.com
Results 1 to 6 of 6

Thread: Send values with link???

  1. #1
    Join Date
    Sep 2009
    Posts
    21

    Send values with link???

    I am using Iframe to upload images without refresh with the following function
    Code:
    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:
    Code:
    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

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    To be extremely basic, your delete image file would consist of:

    PHP Code:
    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:

    HTML Code:
    <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.
    Last edited by aj_nsc; 09-23-2009 at 01:00 PM.

  3. #3
    Join Date
    Sep 2009
    Posts
    21
    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.:
    Code:
    <input type="file" name="img1" id="picture" onchange="return ajaxFileUpload(this);" />
    How sould I write the function to be activated with
    Code:
    <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???

  4. #4
    Join Date
    Sep 2009
    Posts
    21
    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!

  5. #5
    Join Date
    Dec 2005
    Posts
    2,984
    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.

  6. #6
    Join Date
    Sep 2009
    Posts
    21
    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?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles