Upload Multiple tipo Gmail

[sasuke.17]

Muchas personas hemos visto la forma de ingresar los archivos para hacer upload en ****** si seleccionas un archivo se creará un enlace que te permitirá un nuevo 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.

Código PHP:

      <input type="file" name="attach" id="attach" onchange="setBlock();" />
      <div id="moreUploads"></div>
      <div id="moreLink" style="display:none;">
           <a href="javascript:addFileInput();">Agregar otro Archivo</a>
      </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.

Código PHP:

var upload_number = 2;

      function addFileInput() {
          var d = document.createElement("div");
          var file = document.createElement("input");
          file.setAttribute("type", "file");
          file.setAttribute("name", "attach"+upload_number);
          d.appendChild(file);
          document.getElementById("moreUploads").appendChild(d);
          upload_number++;
      }

      function setBlock() {
          document.getElementById('moreLink').style.display = 'block';
      }