Tema: Problema al Subir archivo por $.ajax()
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/04/2013, 20:00
nestor_rupay
 
Fecha de Ingreso: abril-2013
Mensajes: 9
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Problema al Subir archivo por $.ajax()
Por fin, di con la solucion.
Para todos los amigos que necesitan un fomulario que permita subir archivos con jquery l la función $.ajax(). aqui la solucion.


index.html
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>Documento sin título</title>
  6. <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
  7. <script type="text/javascript">
  8. function uploadAjax(){
  9. var data = new FormData($('#form1')[0]);
  10. var url = "upload.php";
  11.     $.ajax({
  12.         url:url,
  13.         type:"POST",
  14.         dataType: 'json',
  15.         contentType:false,
  16.         data:data,
  17.         processData:false,
  18.         cache:false
  19.     }).done(function(respuesta){
  20.                     alert(respuesta.mensaje);
  21.                     });
  22.  
  23. }
  24. </script>
  25. </head>
  26. <body>
  27. <!--<input type="file" name="archivoImage" id="archivoImage" />-->
  28. <form name="form1" method="post" action="" id="form1">
  29. <input type="file" name="archivoImage" id="archivoImage" /><br />
  30. <label>NOMBRE:</label><input type="text" name="nombre" id="nom"/><br />
  31. <label>APELLIDOS</label><input type="text" name="apellidos" id="ape"/><br />
  32.  
  33. <input type="button" id="botonSubidor" onclick="uploadAjax();"/>
  34. </form>
  35.  
  36. </body>
  37. </html>

upload.php
Código PHP: 
Ver original
  1. <?php 
  2. $upload_folder ="imagenes";
  3.  
  4. $nombre_archivoImage = $_FILES["archivoImage"]["name"];
  5.  
  6.  
  7. $tipo_archivoImage = $_FILES["archivoImage"]["type"];
  8.  
  9. $tamano_archivoImage = $_FILES["archivoImage"]["size"];
  10.  
  11. $tmp_archivoImage = $_FILES["archivoImage"]["tmp_name"];
  12.  
  13. $nom=$_POST['nombre'];
  14. $ape=$_POST['apellidos'];
  15.  
  16. $archivador = $upload_folder . "/" . $nombre_archivoImage;
  17.  
  18. move_uploaded_file($tmp_archivoImage, $archivador);
  19. $respuesta = new stdClass();
  20. $respuesta->mensaje=$nom.' '.$ape.' '.$nombre_archivoImage;
  21. echo json_encode($respuesta); 
  22. ?>