Uploadify es un plugin para jQuery el cual utiliza flash para realizar la selección multiple de archivos.
Su implementación es muy sencilla y aquí. explico como se realiza:
Primero descargamos el plugin aquí.
Despues de haberlo descomprimido en una carpeta del servidor local pasaremos a crear un archivo upload.html en el cual agregaremos las librerías javascript y css necesarias dentro del head.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.uploadify.js"></script> <link type="text/css" rel="stylesheet" href="uploadify.css" />
Este script nos sirve para establecer las características del boton “Upload”, si es automatico, si puede subir varios archivos, etc. Lo colocaremos dentro del head y despues de haber agreado las librerías
$(document).ready(function() {
$("#fileUpload").fileUpload({
'uploader': 'uploader.swf',
'cancelImg': 'cancel.png',
'folder': 'uploads/',
'buttonText': 'Seleccionar',
'checkScript': 'check.php',
'script': 'upload.php',
'multi': true,
'simUploadLimit': 2
});
});
Dentro del body pondremos un input tipo “file” y un link a funciones javascript para comenzar y limpiar la descarga
<input name="fileUpload" id="fileUpload" type="file" />
<a href="javascript:$('#fileUpload').fileUploadStart()">Subir</a> | <a href="javascript:$('#fileUpload').fileUploadClearQueue()">Limpiar</a>
El ultimo paso seria verificar si la carpeta donde subirán los archivos tiene permisos de escritura y listo, pueden ver el ejemplo aquí.
Comentarios