Tema: subir archivo al servidor mediante ajax
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/10/2012, 07:33
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 13 años, 7 meses
Puntos: 6
Respuesta: subir archivo al servidor mediante ajax
buscando en la red ya encontre un plugin para subir archivos, pero me hace falta una cosa
necesito copiar en un input la ruta donde esta el archivo .

les muestro el codigo

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>AJAX uploader plugin</title>
  6. <meta name="description" content="Demo de uploader ajax, usando un plugin para jquery" />
  7. <meta name="keywords" content="jquery, ajax" />
  8. <script language="javascript" src="js/jquery-1.3.1.min.js"></script>
  9. <script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>
  10. <script language="javascript">
  11. $(document).ready(function(){
  12.     var button = $('#upload_button'), interval;
  13.     new AjaxUpload('#upload_button', {
  14.         action: 'upload.php',
  15.         onSubmit : function(file , ext){
  16.         if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
  17.             // extensiones permitidas
  18.             alert('Error: Solo se permiten imagenes');
  19.             // cancela upload
  20.             return false;
  21.         } else {
  22.             button.text('Uploading');
  23.             this.disable();
  24.         }
  25.         },
  26.         onComplete: function(file, response){
  27.             button.text('Upload');
  28.             // enable upload button
  29.             this.enable();          
  30.             // Agrega archivo a la lista
  31.             $('#lista').appendTo('.files').text(file);
  32.             
  33.         }   
  34.     });
  35. });
  36. </script>
  37. <link href="style.css" rel="stylesheet" type="text/css" />
  38. </head>
  39.  
  40. <body>
  41. <div id="upload_button">Upload</div>
  42. <ul id="lista">
  43. </ul>
  44. </body>
  45. </html>

<?php
$uploaddir = 'uploads/';
$uploadfile = $uploaddir . basename($_FILES['userfile']['name']);

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
echo "success";
} else {
echo "error";
}
?>