Subir archivos con JQuery

Por Noticias2

subir_archivos_con_jquery1.jpg

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

2 comentarios

  • Daniel

    15 agosto, 2012 at 1:16 pm

    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

    Responder

    • sessionstudio

      15 agosto, 2012 at 1:28 pm

      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

      Responder

Comenta

Tu Email no será publicado. Campos requeridos *