Hagamos que México crezca..

Prefiere el consumo de lo Hecho en México

Prefiere el consumo de lo Hecho en México
BúsquedaHagamos que México crezca..
![]() Prefiere el consumo de lo Hecho en México Posts Recientes
Conversación |
Enviando archivos a un servidor con Javascript y PHPHace unos días requerí enviar archivos a un servidor web para su procesamiento, anteriormente había usado el método clásico que mediante una forma capturaba los datos y seleccionaba el archivo y lo mandaba a procesar en la página especificada como action en el formulario, el detalle al hacer esto es que se recarga toda la página, por lo que ahora en este caso necesitaba que se enviara el archivo pero sin recargar la página por diversas razones.
Para esto investigué un poco sobre como hacerlo y encontré en un foro dónde indicaban que se creara un frame invisible dentro de la página html que recibiera la petición de envío, de tal forma que se haría el mismo proceso de enviar el procesamiento solo que en vez de recargar una página sería solo el frame invisible, por lo que se conseguiría enviar el archivo sin necesidad de recargar la página. A continuación pongo el código correspondiente index.php
<script language="javascript" type="text/javascript"> function upload(){ document.getElementById('upload_message').innerHTML =""; document.getElementById('loader').innerHTML = "Loading...<br/><img src=\"loader.gif\" />"; return true; } function finish(success){ var result = ''; if (success == 1){ document.getElementById('upload_message').innerHTML = '<span class="msg">El archivo fue enviado exitosamente!<\/span><br/><br/>'; } else { document.getElementById('upload_message').innerHTML = '<span class="emsg">Hubo un error al enviar el archivo al servidor!<\/span><br/><br/>'; } document.getElementById('loader').innerHTML = ""; return true; } </script> <form action="upload.php" method="post" enctype="multipart/form-data" target="upload_window" onsubmit="upload();" > <table> <tr><td colspan=2><div id="upload_message" align="center"><div></td></tr> <tr id=fileUpload><td>FILE: <input name="myfile" type="file" size="30" /></td> <td> <input type="submit" name="submitBtn" class="sbtn" value="Upload" /></td> </tr> <tr><td colspan=2> <div id=loader></div></td></tr> </table> <iframe id="upload_window" name="upload_window" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe> </form>
<?php $result = process_files($_FILES); echo "<script language=\"javascript\" >window.top.window.finish($result);</script> "; function process_files($_FILES){ $destination_path = getcwd().DIRECTORY_SEPARATOR; $result = 0; echo $_FILES['myfile']['name']; $target_path = $destination_path . basename( $_FILES['myfile']['name']); if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) { $result = 1; } sleep(1); return $result; } ?>
Fuentes XML de comentario: RSS | Atom
|
Nube de EtiquetasEventosEncuestaComentarios Recientes
|
Dejar un comentario