I want to return a temp file name from php using ajax but the code i have tried so far doesn't working. Here is the code:-
   <!DOCTYPE html>
   <html>
      <head>
    <script>
    function getValue(){
        var file=document.getElementById("file").value;
        var xhr;
        if(window.XMLHttpRequest){
            xhr=new XMLHttpRequest();
        }
        url="getImageValue.php?data="+file;
        xhr.open("GET",url,false);
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4 && xhr.status==200){
                document.getElementById("feedback").innerHTML=xhr.responseText;
            }
        }
        xhr.send(null);
    }
    </script>
    </head>
    <body>
       <input type="file" id="file" name="file" />
       <input type="button" id="submit" name="submit" value="catch" onClick="getValue()" />
      <div id="feedback"></div>
    </body>
   </html>
getImageValue.php
<?php
     echo basename($_GET["data"]);
?>
Please help.. Jason
 
     
    