Text Resizer Text Resizer
July 30th, 2010
You're browsing: Scriptmatico.Com » General » Upload Multiple de Archivos Como Gmail

Upload Multiple de Archivos Como Gmail

Posted on Nov 21 in Generalby adminPrintText Resizer Text Resizer

Muchas personas hemos visto la forma en que Gmail permite subir archivos, ya que si seleccionas un archivo Gmail automaticamente agrega otro campo para subir otro archivo, esto es muy práctico si se quiere hacer uploads de archivos multiple.

Veamos el script para realizar esta acción. Lo primero es crear el formulario con un campo de tipo file llamado attach y un Div oculto para el enlace a Agregar otro Archivo.

PLAIN TEXT
HTML:
  1. <input type="file" name="attach" id="attach" onchange="setBlock();" />
  2.       <div id="moreUploads"></div>
  3.       <div id="moreLink" style="display:none;">
  4.       <a href="javascript:addFileInput();">Agregar otro Archivo</a>
  5.       </div>

El siguiente paso es crear las funciones javascript, la primera addFileInput crear el nuevo campo tipo file para seleccionar el siguiente archivo y setBlock para mostrar el enlace.

PLAIN TEXT
JavaScript:
  1. var upload_number = 2;
  2.       function addFileInput() {
  3.           var d = document.createElement("div");
  4.           var file = document.createElement("input");
  5.           file.setAttribute("type", "file");
  6.           file.setAttribute("name", "attach"+upload_number);
  7.           d.appendChild(file);
  8.           document.getElementById("moreUploads").appendChild(d);
  9.           upload_number++;
  10.       }
  11.  
  12.       function setBlock() {
  13.          document.getElementById('moreLink').style.display = 'block';
  14.       }

Compártelo!

Post to Twitter


  • No Related Post

About admin

Entry Details: This entry was posted on Miércoles, Noviembre 21st, 2007 at 19:18, by admin, and is filed under General. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. Print This!
  • No Related Post

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Back to Top
[x] Cerrar
E-mail