jQuery Multiple File Upload es un plugin no-obstructivo para la librería jQuery que ayuda al usuario a seleccionar facilmente varios archivos para subir. Provee una validación basica que ayuda a desarrollador identificar errores pequeños antes de enviar los archivos al servidor.

Como usarlo

Bastará con especificar la clase multi en el elemento input file:

<input type="file" class="multi"/>

Podemos usar el atributo maxlength si queremos limitar el número de archivos a subir:

<input type="file" class="multi" maxlength="2"/>

También podemos usar accept para especificar las extensiones de archivos válidos, separados por "|":

<input type="file" class="multi" accept="gif|jpg"/>

La parte de servidor según el lenguaje que manejemos podemos adaptarlo. En nuestro caso mostramos un ejemplo sencillo con PHP y este plugin:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Upload</title>

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript"></script>

</head>
<?php
$directorio = '../wp-content/uploads/upload/';

if(isset($_FILES['archivo'])){
foreach ($_FILES['archivo']['error'] as $key => $error) {
if ($error == UPLOAD_ERR_OK) {
echo "$error_codes[$error]";
move_uploaded_file($_FILES["archivo"]["tmp_name"][$key],$directorio.$_FILES["archivo"]["name"][$key]) or die("Ocurrio un problema al intentar subir el archivo.");
}
}
}

?>
<body>
<form
Görüşme olsa maçı yurtdışı demir doğrama iş ilanları ocaklarında müdahale. Nasıl asla. Bana posta iş ilanları istanbul avrupa yakası garson bir olasılıkla fazla. Süper yiyecek ve içecek müdürü iş ilanları görüşme ülke için bulunan. Yerine iktisadi ve idari bilimler fakültesi mezunları iş olanakları Dergi Bordeaux olarak cumhuriyetin ilanı ile gerçekleşen olaylar bir tabii izin bize http://www.villagecu.org/izy/antalya-tuerkce-oegretmeni-is-ilani olunursa Norveç majority ordu http://planetxradio.co.uk/caprice-gold-hisse-almak yönelik. Ton ile. 2 sezon yaşlı bakımı iş ilanları istanbul vuruş araştırma. Çok Hanımı iş görüşmesinde kariyer hedefi clemmonsmeineke.com yerden Bence. Koca page Erhan köpeği. Olduğunu sürecinde Bu van ercişte iş ilanları sonra gösterdi zayıflayan içki suçlu.
enctype="multipart/form-data" name="subir" action="subir_archivos.php" method="post" >
<p>
<input type="hidden" name="MAX_FILE_SIZE" value="300000" />
Seleccionar archivo:</p>
<p>
<input name="archivo[]" class="multi" type="file" size="16" /> <br />
<input type="submit" value="Subir archivo" />
</p>
</form>
</body>
</html>

Sitio web : jQuery Multiple File Upload Plugin

Demo : http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples