simple multi-navegador, jQuery/PHP archivo de carga con barra de progreso

Question

Sé que hay varios temas que hay sobre esto, pero ninguno de ellos ofreció una solución definitiva para un guión cargador de archivos que:

1. Obras en IE7 +
2. Tiene una barra de progreso (en todos los navegadores)
3. No flash (o de reserva)

¿soluciones?

Answer 1

Puede usar Axuploader por AlbanX.Tiene;

• carga de archivos múltiples en todos los navegadores
• de archivo de varias seleccionar en los navegadores HTML5 (no IE)
• Subir información de progreso en los navegadores HTML5
• información del archivo de navegadores HTML5
• Sin flash, sin Silverlight, en otros complementos, solo JavaScript
• Soporte IE 6+, Firefox 2+, Safari 2+, Chrome 1+
• Subir archivos por partes, para obtener más información ormance
• no depende servidor tamaño máximo de mensaje y los límites de tamaño de archivo de carga máx

También puede probar Fine-Uploader por Widen. Tiene;

• archivo de selección múltiple, una barra de progreso en FF, Chrome y Safari
• archivo de arrastrar y soltar seleccione en FF, Chrome y Safari (OS X)
• subidos son cancelable
• No hay dependencias externas en absoluto si usa FineUploader o FineUploaderBasic. Si usa el envoltorio jQuery opcional, jQuery es por supuesto obligatorio.
• FineUploaderBasic solo requiere el archivo javascript Fine Uploader asociado. Todos los css y archivos de imagen de Fine Uploader se pueden omitir.
• No usa flash
• Totalmente de trabajo con HTTPS
• Probado en IE7 +, Firefox, Safari (OS X), Cromo, IOS6, y varias versiones de Android. ¡IE10 ahora también es compatible!
• posibilidad de subir archivos tan pronto como se seleccionan, o "cola" de ellos para subir a petición del usuario después
• mostrar mensajes de error específicos desde un servidor en caso de fallo de carga (se ciernen sobre falló elemento de carga)
• Capacidad de auto -retry fallidos subidas
• opción para permitir a los usuarios de reintento manualmente una carga fallida
• Crear su propio validador de archivos y/o utilizar algunos validadores por defecto incluyen a las Finas subida
• de recepción de devolución de llamada en las distintas etapas del proceso de carga
• Envíe cualquier parámetro del lado del servidor junto con cada archivo.
• Subir directorios mediante arrastrar y soltar (Chrome 21+).
• Incluir parámetros en la cadena de consulta O el cuerpo de la solicitud.
• Envía los archivos que se cargarán a través de la API.
• Dividir un archivo en varias solicitudes (fragmentación/división de archivos).
• Reanudar falló/parado subidas de las sesiones anteriores
• eliminar archivos subidos
• CORS apoyan
• cargar los objetos Blob a través de la API.
• Establezca y aplique fácilmente un límite de elemento máximo.
• Subir imágenes mediante pegado (Chrome).
• Archivo independiente & carpeta arrastrar & módulo de inserción. Integrado por defecto en el modo FineUploader.
• Realizar asíncrono (no-bloqueo) tareas en las devoluciones de llamada que influyen en el archivo asociado o archivos
• Cargar imágenes directamente desde la cámara de un dispositivo móvil
• Recuperar estadísticas de los archivos subidos y recibir devoluciones de llamada en estado cambia
• Y muchos ¡Más!

O jQuery-File-Upload plugin (compatible con IE), que ha conseguido;

• Carga de múltiples archivos: Permite seleccionar varios archivos a la vez y cargarlos simultáneamente.
• Arrastrar & Drop support: Permite cargar archivos arrastrándolos desde su escritorio o administrador de archivos y soltándolos en la ventana de su navegador.
• Barra de progreso de carga: Muestra una barra de progreso que indica el progreso de la carga de los archivos individuales y de todas las cargas combinadas.
• Cargas cancelables: Las cargas de archivos individuales se pueden cancelar para detener el progreso de carga.
• Cargas reanudables: Las cargas anuladas se pueden reanudar con los navegadores compatibles con la API de Blob.
• Subidas en trozos: Los archivos grandes se pueden cargar en trozos más pequeños con navegadores compatibles con la API de Blob.
• Redimensionamiento de la imagen del lado del cliente: Las imágenes pueden redimensionarse automáticamente en el lado del cliente con navegadores compatibles con las API JS requeridas.
• Imágenes de vista previa: Se puede mostrar una vista previa de los archivos de imagen antes de cargar con los navegadores compatibles con las API JS requeridas.
• No se requieren complementos del navegador (p. Ej., Adobe Flash): La implementación se basa en estándares abiertos como HTML5 y JavaScript y no requiere complementos adicionales para el navegador.
• Elegante retroceso para los navegadores heredados: Carga archivos a través de XMLHttpRequests si es compatible y utiliza iframes como respaldo para los navegadores heredados.
• Formulario de carga de archivos HTML alternativo: Muestra un formulario estándar de carga de archivos HTML si JavaScript está deshabilitado.
• Carga de archivos entre sitios: Admite la carga de archivos a un dominio diferente con XMLHttpRequests entre sitios.
• Múltiples instancias de complementos: Permite usar múltiples instancias de complementos en la misma página web.
• Personalizable y extensible: Proporciona una API para establecer opciones individuales y definir métodos callBack para varios eventos de carga.
• Subidas de flujo de contenido de archivos y archivos múltiples: Los archivos se pueden cargar como "multipart/form-data" estándar o flujo de contenido de archivos (carga de archivos HTTP PUT).
• Compatible con cualquier plataforma de aplicación del lado del servidor: Funciona con cualquier plataforma del lado del servidor (PHP, Python, Ruby on Rails, Java, Node.js, Go, etc.) que admite archivos HTML estándar.

* ACTUALIZACIÓN

Salida 10 HTML5 File Upload with jQuery Example a ver algunos grandes cargadores de archivos que funciona con HTML5

Además, aquí en 10+ PHP Ajax Upload File Tutorials - Free Download se puede elegir entre una gran cantidad de cargadores.

Espero que esto ayude.

Answer 2

Usar este:

http://valums.com/ajax-upload/

No Flash, simple jQuery.

Características

1. archivo de selección múltiple, una barra de progreso en FF, Chrome, Safari
2. de archivos de arrastrar y soltar seleccionar en FF, Chrome
3. subidas son cancelables
4. sin dependencias externas
5. no utiliza Flash
6. trabajando completamente con https
7. soporte de teclado en FF, Chrome, Safari
8. probado en IE7,8; Firefox 3,3,6,4; Safari4,5; Cromo; Opera10.60;

git: https://github.com/valums/file-uploader

También puede utilizar los siguientes:

http://nixboxdesigns.com/demos/jquery-uploadprogress.php

https://github.com/drogus/jquery-upload-progress

http://www.albanx.com/

sin Flash IE barra de progreso

http://www.webappers.com/2011/01/24/jquery-file-upload-with-upload-progress-bar/

Espero que esto ayude.

Answer 3

http://www.plupload.com/ está disponible en múltiples tiempos de ejecución y tiene degradación elegante. Si HTML5 es compatible, también puede arrastrar y soltar cargas.

Answer 4

Para admitir la barra de progreso y la carga de archivos múltiples en IE requiere Flash. Desafortunadamente, ninguno de los nuevos widgets "llamativos pero sin flash" lo admite.

La única solución que he encontrado es Uploadify, que no es perfecta, pero cumple su función. El mayor inconveniente es la falta de soporte para arrastrar y soltar.

Francamente, todos estos nuevos widgets son mucho mejores, pero los desarrolladores lamentablemente parecen opuestos a implementar una solución alternativa en Flash para IE.

Answer 5

Creo que lo siguiente es lo que necesita, también apoyan progresando cargar bien en IE por componente de Flash

• http://yuilibrary.com/yui/docs/uploader/
• http://www.plupload.com/documentation.php