Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/11/2015, 07:09
tonieet
 
Fecha de Ingreso: marzo-2011
Mensajes: 105
Antigüedad: 13 años, 1 mes
Puntos: 3
Barra de progreso al enviar formulario

Hola a todos!
tengo un Formulario en el cual se pueden incluir varias fotografias para enviar a un correo electronico, todo funciona perfecto, el problema es que cuando se cargan muchas fotografias al pulsar el boton enviar como es logico tarda mucho tiempo en enviar el formulario y da la sensacion de que la pagina se ha quedado colgada.

Alguien sabe como puedo mostrar una barra que muestre el porcentaje de envio del formulario?

he estado probando con <progress></progress> pero no se como adaptarlo al formulario, todos los ejemplos que he visto usan un boton de tipo "button" y mi boton es de tipo "submit"

también me conformaría con que al pulsar enviar me apareciera una imagen gif de carga.. cualquier cosa que indique al usuario que la pagina esta cargando y no se ha colgado.

agradeceria cualquier tipo de ayuda..

dejo el codigo por si sirve de algo
Saludos


-DOCUMENTO DE FORMULARIO-

Código HTML:
Ver original
  1. <form name="mail_frm" action="enviook.php" method="post" enctype="multipart/form-data">
  2. <p>De:
  3.  Remitente:
  4.  <input type"text" name="remitente" id="remitente" />
  5.  <br/><br/>
  6.   Asunto:
  7.  <input type"text" name="asunto" id="asunto" />
  8.  <br/><br/>
  9.  Adjuntar archivo:
  10.   <input type="file" name="archivo_fls"/> <br/><br/>
  11.   Adjuntar archivo dos:
  12.  <input type="file" name="archivodos"/> <br/><br/>
  13. </p>
  14. Mensaje: <br/>
  15.   <textarea name="mensaje_txa"></textarea>
  16.   <br/><br/>
  17.   Mensaje dos: <br/>
  18.   <textarea name="mensajedos_txa"></textarea>
  19.   <br/><br/>
  20.    TEXTO:
  21.   <input type"text" name="texto" id="texto" />
  22.   <br/><br/>
  23.   <input type="submit" name="button" id="enviar_btn" value="Enviar" />
  24.   <br/>
  25.  </p>
  26. <?php
  27. error_reporting (E_ALL ^ E_NOTICE ^ E_WARNING);
  28. if (isset ($_GET ["respuesta"])){
  29.     echo "<span>".$_GET["respuesta"]."</span>";
  30.     }
  31. ?>
  32. </form>
  33. </body>


-DOCUMENTO CON CODIGO PHP-

Código PHP:
Ver original
  1. <body>
  2.  
  3.  
  4. <?php
  5.  
  6. $mensaje= htmlspecialchars($_POST["mensaje_txa"]);
  7. $mensajedos= htmlspecialchars($_POST["mensajedos_txa"]);
  8. $texto= $_POST["texto"];
  9. $remi= $_POST["remitente"];
  10. $asunto= $_POST["asunto"];
  11. $archivo=  $_FILES["archivo_fls"]["tmp_name"];
  12. $destino=  $_FILES["archivo_fls"]["name"];
  13. $archivodos=  $_FILES["archivodos"]["tmp_name"];
  14. $destinodos=  $_FILES["archivodos"]["name"];
  15.  
  16.  
  17. $cabeceras = "MIME-Version: 1.0\r\n";
  18. $cabeceras .="Content-type: text/html; charset=iso-8859-1\r\n";
  19. $cabeceras .="From: $de \r\n";
  20.  
  21. if(move_uploaded_file($archivo,$destino)) {
  22. if(move_uploaded_file($archivodos,$destinodos)) {  
  23.    
  24.     //incluyo la clase phpmailer
  25.     include("class.phpmailer.php");
  26.     include("class.smtp.php");
  27.    
  28.     $mail = new PHPMailer();
  29.     $mail->IsSMTP();
  30.     $mail->SMTPAuth = true;
  31.     $mail->SMTPSecure = "ssl";
  32.     $mail->Host = "smtp.mundofimo.com";
  33.     $mail->Port = 465;
  34.     $mail->From = "[email protected]";
  35.     $mail->AddAddress ("[email protected]");
  36.     $mail->Username = "[email protected]";
  37.     $mail->Password = "**********";
  38.         $mail->Subject =("$remi");
  39.     $mail->WordWrap =50;
  40.     $mail->MsgHTML("Remitente: $remi<br>
  41.                     Asunto: $asunto<br>
  42.                     Mensaje: $mensaje<br>
  43.                     Mensajedos: $mensajedos<br>
  44.                     Texto: $texto");
  45.     $mail->AddAttachment($destino);
  46.     $mail->AddAttachment($destinodos);
  47.    
  48.     if($mail->Send()){
  49.         $respuesta =" El mensaje ha sido enviado correctamente";
  50.         }
  51.         else{
  52.         $respuesta = "el mensaje NO se pudo enviar";
  53.         $respuesta .= " Error ".$mail->ErrorINfo;
  54.             }
  55.             }
  56. }
  57.         else{
  58.             $respuesta ="ocurrio un error al subir el archivo adjunto ";
  59.             }
  60. header ("Location: nuevousuario.php?respuesta=$respuesta");
  61.  ?>
  62. </body>

Última edición por tonieet; 23/11/2015 a las 11:01