La posibilidad de subir más de un fichero desde nuestro servidor es algo que los navegadores ya deberían empezar a implementar, hacer que el elemento <input type="file" /> se encargue por el mismo de permitir el multiupload.
Pero mientras tanto debemos usar herramientas externas para realizar esta tarea. Con wwiconifield podemos paliar esta carencia, y de paso, podemos darle un aspecto realmente elegante y distinguido a nuestra aplicación.
Instalación
Al ser una aplicación en javascript debemos cargar los ficheros necesarios en nuestro <head /> para así poder disponer de la funcionalidad extra deseada. Además incluiremos las CSS que darán estilo a nuestro gestor de subidas.
<script type="text/javascript" src="wwiconified.js"></script>
<link rel="stylesheet" href="wwiconified.css" media="screen" />
Una vez añadida esta funcionalidad, nos quedará el formulario encargado de subir los ficheros al servidor.
<form action="somefile.php" method="post" enctype="multipart/form-data">
<input class="wwIconified" type="file" name="d[]" />
<input type="submit" value="Upload" />
</form>La magia de este formulario reside en el nombre (name) de nuestro elemento <input type="file" />, el usar d[] nos permite obtener los datos en muestra página receptora con el mismo nombre. Así no dependeremos de la cantidad de ficheros subidos a la hora de recibir los ficheros.
<?php
$files = $_FILES[d];
foreach ($files as $file) {
hacemos_algo($file);
}
?>Ver una demo.
9 comentarios, 1 referencias
+
#