Home/ Questions/Q 6651093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T00:58:10+00:00

I am trying to upload images on a form but I am using Jquery

  • 0

I am trying to upload images on a form but I am using Jquery .Post function in order to submit the data of the form. I get a PHP error of an undifined index. Here is a small portion of my code:

related HTML:

<input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
Picture: <input name="uploadedfile" id="uploadedfile" type="file" />

related jQuery

    $.post("registerCB.php", {
    uploadedfile: $("#uploadedfile").val()
}

The PHP that handles the submission: 

//file upload
        $uploadedfile= $_POST["uploadedfile"];



        /*--------------------Image Uploads-------------------------*/
        // Where the file is going to be placed 
        $target_path = "userImages/";

        /* Add the original filename to our target path.  
        Result is "uploads/filename.extension" */
        $target_path = $target_path . basename( $_FILES[$uploadedfile]['name']);

THE ERROR:
enter image description here

CONCLUSION:
I think the issue is the .val() on the image input. I did an alert on that element and it would only alert the file name NOT the entire path.

How can I get the entire path?

ONE MORE THING—-
I would like to control the NAME of the file. So no matter what the user uploads I can control the name….is this possible?

THANKS!!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The browser does not include the full path for security reasons. And you can control the name of the file on the server.

    If you want to upload asyncronously you should look at some of the existing jquery plugins such as:

    http://www.uploadify.com/

    or

    http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

    • 0