subir archivo al servidor mediante ajax

[Montes28]

emprear gracias por responder

ya encontre el upload pero me me falta una cosa , copiar la ruta en la cual puedo encontrar la imagen y esa ruta necesito copiarla en un input para despues guardarla en una base de datos.

este es el codigo

Código Javascript:

<meta name="keywords" content="jquery, ajax" />
<script language="javascript" src="js/jquery-1.3.1.min.js"></script>
<script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>
<script language="javascript">
$(document).ready(function(){
    var button = $('#upload_button'), interval;
    new AjaxUpload('#upload_button', {
        action: 'upload.php',
        onSubmit : function(file , ext){
        if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
            // extensiones permitidas
            alert('Error: Solo se permiten imagenes');
            // cancela upload
            return false;
        } else {
            button.text('Uploading');
            this.disable();
        }
        },
        onComplete: function(file, response){
            button.text('Upload');
            // enable upload button
            this.enable();          
            // Agrega archivo a la lista
            $('#lista').appendTo('.files').text(file);
            
            
        }   
        
    });
});
</script>
 
[HIGHLIGHT="PHP"]
<?php
$uploaddir = 'uploads/';
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
 
if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
  echo "success";
  echo"Archivo arriba";
} else {
  echo "error";
}
 
 
?>
 

[/HIGHLIGHT]