Descargar archivos desde el servidor con botón "guardar"

[sesebas]

Hola a todos,

Me encuentro en la etapa final de una aplicación basada en tres "Selects" dependientes utilizando tanto JavaScript como PHP. El tercero es un select múltiple con referencia a archivos html que se pueden desplegar en pantalla, cada uno de ellos tiene su equivalente en xls. En este momento el usuario puede elejir y desplegar en pantalla los archivos html que desee y tiene la opción de guardar su equivalente en xls de manera individual, pero no puede guardar el/los archivos xls asociados a su selección sin desplegar en pantalla los respectivos html. Quiero implementar un botón que llame a una función en que recoja el/los archivos xls asociados a su selección y directamente le de la opción de guardarlos en su máquina local.

Soy muy novato en este tema, pero a fuerza de empeño y valiéndome de mucha ayuda que he encontrado aqui conseguí montar esta aplicación, pero ahora no consigo dar con la función que necesito para guardar los archivos de la manera en que necesito. Agradezco cualquier ayuda y/o pista que me puedan dar.

[SoutlinK]

Metes el boton guardar dentro de un formulario que envie la información a otra pagina web php

En esta pagina web puedes utilizar los header para "forzar" la descarga

[sesebas]

Gracias Soutlink,

En este momento tengo dos botones en mi formulario para administrar si los archivos seleccionados se abren en la misma página (un botón) o en una separada (segundo botón). Cada uno de ellos hace un "submit" al servidor donde se ejecuta el siguiente código contenido en "Recibe.PHP":

Código PHP:

<?php 
 
    foreach($_POST['selector3'] as $value)   
    {    
                     
        include $value;
        $save = trim($value);
        $save1 = explode("htm",$save);
        $save2 = $save1[0].xls;
        $save3 = str_replace("IE","Otro",$save2);
                                
ECHO "<a href='.../ExcelFiles/$save3'><div align=center><img src='.../SaveFile.PNG' border=0></div></a> <br /><br />"; 
                     }
 
?>
 

Esto me devuelve, en cualquier caso una página html con los archivos seleccionados para ser vistos por el usuario y donde puede, además salvar/guardar cada xls asociado. Ahora, ya agregué mi tercer botón al mismo form, pero lo definí como "Type=Button" para que no hiciera el Submit y no me devuelva la página html producida por el código PHP, sino que permanezca la misma en que existen los Selects con las opciones introducidas por el usuario. Será que puedo tener una función que habra la ventana "guardar como" y permita almacenar cada uno de los xls asociado a los archivos seleccionados?...
Ojalá me puedas ayudar un poco más, gracias.

[paynalton]

bueno, como son varios archivos, tienes dos opciones:

La primera es que tu botón "descargar" ejecute un script que diga:

Código Javascript:

location.href="download.php?archivo="+archivo;
 

Esto en un bucle usando setinterval y cambiando el valor de "archivo" por el identificador del archivo a descargar, de esa manera tu usuario verá los cuadros de descarga aparecer uno tras otro.

La otra opción es que desde tu archivo PHP comprimas todos los ficheros a enviar en un ZIP y lo envíes en una sola descarga. Para ello tienes que mandar con javascript:

Código Javascript:

location.href="download.php?archivo="+archivo+","+archivo2+","+archivo3;
 

Esa es, para mí, la solución más cómoda para el usuario.

Por cierto..... la mayoría d elos navegadores analiza el content-Type del documento antes de presentarlo, así que si se trata de una descarga presentarán la ventana de descargas sin cambiar de página.

[sesebas]

Gracias Paynalton,

Voy a intentar con la primera opción que me das, si me resulta probaré con la segunda (que tal como dices, pienso que es la mejor). Ahora disculpa que siga molestando, pero no me queda claro cómo hacerlo. En este momento mi botón "guardar" llama a la siguiente función JavaScript:

Código Javascript:

function TestFunction(){
 
 
                if(document.form1.selector3.selectedIndex >= 0){
                   document.form1.elements[5].disabled=false;
                   
                   
                
                  alert ("Aqui estoy ahora");
                   
    }
 

En ésta función es que debo poner la línea:

Código Javascript:

location.href="download.php?archivo="+archivo;
 

Mientras que en "download.php" pongo el código para tomar la/s opcion/es seleccionadas?

Gracias por tu ayuda.

[paynalton]

Ok, en la función javascript deberías colocar algo así:

Código Javascript:

var archivos=new Array();//ponemos estas variables fuera de las funciones para que estén disponibles globalmente
var indiceActual=1;
var downloader;
      function TestFunction(){
 
           var x =1;
          for(i in document.form1.selector3.options){
                  if(document.form1.selector3.options[i].selected)
                        {
                       archivos[x]=document.form1.selector3.options[i].value;//cargamos los archivos a descargar en esta variable global
                      }
                   x++;
                   }
          descargame=function()//definimos la función que se encargará de llamar a las descargas.
                 {
                 if(archivos[indiceActual])
                        {
                         location.href="Recibe.PHP?archivo="+archivos[indiceActual];//llamamos a la descarga en turno
                        }
                 else
                        {
                       indiceActual=1;
                       archivos=new Array();
                       clearInterval(downloader);//una vez que se han descargado todos, eliminamos el intervalo y limpiamos las variables
                       }
                 }
          downloader=setInterval(descargame,1000);// aqui definimos el intervalo con un espacio de 1 segundo entre una descarga y otra.
          }
 

mientras tanto, hay otros post que explican como servir descargas con PHP, con lo que podrás redefinir Recibe.PHP.

Si usas este método, recibirás en Recibe.PHP la variable $_GET["Archivo"] que contendrá el valor (value) de las opciones seleccionadas, entonces solo tienes que identificar el archivo deseado y servirlo con PHP.

[sesebas]

Gracias por responder de tan buena y dedicada manera Paynalton. Trabajé bastante para hacer funcionar el código que me proporcionaste, pero lamentablemente no he podido conseguir el resultado esperado. Cuento lo que he hecho con la idea de obtener un poco más de ayuda, porque no consigo dar con la manera de hacer lo que necesito:

1.- En primer lugar cambié el archivo php de destino que me propones (recibe.php) por (download.php)

Código Javascript:

location.href=".../download.php?archivo="+archivos[indiceActual];//llamamos a la descarga en turno
 

El código que puse en "download.php" es el siguiente:

Código PHP:

<?php 
 
if (!isset($_GET['archivo']) || empty($_GET['archivo'])) {
    exit();
}
 
$root = ".../ExcelFiles/";
$archivo = basename($_GET['archivo']);
$path = $root.$archivo;
                                                                                                                                                    
$type = '';                                                               
    $type = "application/force-download";                                 
                                                                          
                                                                          
    header("Content-Type: $type");                                        
    header("Content-Disposition: attachment; filename=$archivo");         
    header("Content-Transfer-Encoding: binary");                          
    header("Content-Length: " . $size);                                   
                                                                          
 
 
                                                                          
    readfile($path);                                                      
                                                                          
?>
 

2.- Revisando la aplicación con FireFox y usando FireBug, puedo ver que todo marcha bien hasta llegar a la línea:

Código Javascript:

descargame=function()//definimos la función que se encargará de ...
 

pero nunca entra a evaluar la condición puesta a continuación y termina lléndose directamente a la línea:

Código Javascript:

downloader=setInterval(descargame,1000);// aqui definimos el intervalo
 

3.- Escribí la funcion "descargame" separada de "TestFunction", pero la llamo desde aquí con "descargarme ()" De esta manera sí puedo entrar a la función, pero nunca se cumple la condición del "if" de manera que tampoco consigo hacer nada.

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
           function descargame()//definimos la función que se encargará de llamar a las descargas.
                  {
                  if(archivos[indiceActual])
                         {
                          location.href=".../download.php?archivo="+archivos[indiceActual];//llamamos a la descarga en turno
                         }
                  else
                         {
                        indiceActual=1;
                        archivos=new Array();
                        clearInterval(downloader);//una vez que se han descargado todos, eliminamos el intervalo y limpiamos las variables
                        }
                  }
           downloader=setInterval(descargame,1000);// aqui definimos el intervalo con un espacio de 1 segundo entre una descarga y otra.
          
 
 
</script>
 

Ojalá me puedan ayudar un poco más, porque solo no consigo hacer lo que necesito. Gracias por todo