Entradas

Subir archivos con JQuery

Subir archivos con JQuery

Script para subir archivos con JQuery
Si no querés utilizar Flash para tener un gestor de subida de archivos en tu web este plugin es posiblemente tu mejor opción: jQuery File Upload.

Jquery File Upload te permite subir archivos con gran facilidad, todo ello con un increíble soporte drag-and-drop (arrastrar y soltar) archivos a la zona de subida.

Sus funcionalidades son:

  • Subida múltiple de archivos:
    Permite seleccionar varios archivos y subirlos todos al mismo tiempo.
  • Soporte Drag & Drop:
    Permite arrastrar y soltar archivos en la zona de subida.
  • Barra de progreso de subida:
    Muestra una barra de progreso de la subida de nuestro archivo.
  • Permite cancelar la subida:
    Los archivos pueden ser cancelados mientras se están subiendo.
  • No requiere plugins en el navegador (Ej. Adobe Flash):
    La implementacion está basada en los estándares como HTML y JavaScrip
  • Formulario HTML estándar de subida de archivos:
    Muestra un formulario estándar en html si JavaScript está desactivado.
  • Compatible con cualquier plataforma:
    Funciona con Google App Engine (Python, Java), Ruby on Rails, PHP y cualquier otra plataforma que soporte subida de archivos con HTML.

Como verán son muchas funcionalidades y como si fuese poco tiene algunas más, pero detallé las más importantes.

Requiere:

Soporta todos los navegadores actuales y también  obsoletos como IE 6

Demo y Descarga | JQuery File Upload




Por:


Entradas Relacionadas

2 Responses to “Subir archivos con JQuery”

  1. Daniel Responder

    Hola, que tal, muy buen aporte y excelente programación, respetos!!!!
    Solo una pregunta, hay alguna forma para limitar la cantidad de archivos que se pueden subir, o mejor aun, dejar que solo sea una imagen que se suba???

    De antemano gracias y saludos

    • sessionstudio Responder

      Estimado Daniel, gracias por el comentario.
      Si, podés limitar la subida solo a imágenes.
      Podés hacerlo del siguiente modo:

      [
      {
      action: 'load',
      fileTypes: /^image\/(gif|jpeg|png)$/,
      maxFileSize: 20000000 // 20MB
      },
      {
      action: 'resize',
      maxWidth: 1920,
      maxHeight: 1200,
      minWidth: 800,
      minHeight: 600
      },
      {
      action: 'save'
      }
      ],

      Saludos cordiales

Deja un comentario