Programación Web y Scripting > HTML

 < Input Type=file >

(1/1)

franc:
Hola, tengo una duda a ver si podeis ayudarme.


Necesito hacer una pagina que tenga un < input type=file > y que cuando se le de a "examinar" y se seleccione un archivo, salga otro input justo debajo para seleccionar otro archivo.

Seria algo así como lo que suele haber en los correos electronicos para adjuntar archivos... que adjuntas uno y luego te da la posibilidad de adjuntar otro. ¿ me explico ? Lo he intentado manejando tambien Javascript pero se necesita recargar la pagina y al recargar pierdo el valor del primer input y no me vale.


¿ Alguien me ayuda o se le ocurre una forma ?


Gracias.

Altareum:
Pues eso puedes hacerlo con javascript. Un ejemplo:


--- Código: Text --- &#60;script&#62;i=1;function agregar(){  document.getElementById('imagenes').innerHTML += '&#60;input type=&#34;file&#34; name=&#34;imagen'+i+'&#34;&#62;';  i++;}&#60;/script&#62; &#60;span id=&#34;imagenes&#34;&#62;&#60;input type=&#34;file&#34; name=&#34;imagen0&#34;&#62;&#60;a href=&#34;javascript:agregar();&#34;&#62;Agregar Imágen&#60;/a&#62;&#60;/span&#62;  
Espero que te sirva. No lo he provado así que si tienes algún error avísame y lo reviso.
Saludos.
Altareum.

franc:
Gracias por la ayuda, pero sigo teniendo un pequeño problema... He aprobechado tu codigo y he hecho esto:



--- Código: Text ---  &#60;html&#62;&#60;head&#62;&#60;script&#62;i=1;function agregar(){ document.getElementById('imagenes').innerHTML += '&#60;br&#62;&#60;input type=&#34;file&#34; name=&#34;imagen'+i+'&#34; onChange=&#34;agregar();&#34;&#62;'; i++;}&#60;/script&#62;&#60;/head&#62; &#60;body&#62;   &#60;span id=&#34;imagenes&#34;&#62;&#60;input type=&#34;file&#34; name=&#34;imagen0&#34; onChange=&#34;agregar();&#34;&#62;&#60;/span&#62;  &#60;/body&#62;&#60;/html&#62;  
Sale tal cual como lo quiero, pero el problema es que el value de los input file estan vacios, yo quiero que guarde la ruta del archivo que va seleccionando.


¿ sabes a lo que me refiero no ?

¿ Como puedo hacerlo ?

Muchas gracias :)

Navegación

[0] Índice de Mensajes