Upload de varios archivos con PHP y Plupload

3
2

a target=”_blank” href=”http://www.plupload.com/”>Plupload es una librería JavaScript que nos brinda la funcionalidad de subir archivos múltiples al servidor, esta librería no solo incorpora Flash para subir archivos, también podemos utilizar HMTL5, Silverlight y BrowserPlus, de todas las alternativas que tenemos para el upload, este script se encarga de escoger cual utilizara en los navegadores, por ejemplo: si mi navegador no soporta Flash entonces Plupload escogerá otra alternativa y yo como usuario no veré ningún cambio ya que son internos.

Otra característica es que al utilizar etiquetas HTML podemos modificar el aspecto de los botones y la lista de archivos en cola.

Utilizando Plupload

Primero tenemos que bajarnos esta librería, la cual nos trae varios archivos que no necesitaremos en la implementación.
Descargar Plupload
Ahora sacaremos código del archivo custom.html y modificaremos algunos parámetros.

Javascript

Aquí llamaremos algunos scripts para las alternativas de subir archivos, luego crearemos una función que podemos configurar a nuestro gusto: peso máximo de archivo, restricción de archivos por extensión, redimensionar archivos, configuración de botones para el upload.






HTML

El div con id=”filelist” nos devolverá que tipo de tecnologías soporta el navegador para subir archivos, el id=”pickfiles” será el botón para seleccionar archivos y id=”uploadfiles” para subirlos.

Custom example

No runtime found.

[Select files] [Upload files]

Ejemplo de Upload multiple personalizado

jfdghjhthit45

zp8497586rq

3 COMMENTS

  1. Hola no lo conocia yo trabajo con el uploadify pero este se ve mucho mejor ya que acomoda el plugin segun el nevagador.
    Hay que configurar el upload.php para hacer los cargues
    $targetDir = ini_get(“upload_tmp_dir”) . DIRECTORY_SEPARATOR . “plupload”;

  2. Excelente aporte… Pero como hago para que estos datos que se han almacenado en la carpeta tambien se almacenen en una BDD?
    Gracias y esperando pronta respuesta!!!

Comments are closed.