Subir, reducir y vista previa de una imagen con AJAX - Ejemplo completo

[AMS777]

Hola a todos.

Gracias por vuestros comentarios :)

Por si a alguien le pueda interesar, decir que he hecho un plugin jQuery del UploaderPreviewer, que hará más sencillo implementar esta funcionalidad. Las características han mejorado. Éstas son algunas de ellas:

- Multi-navegador.
- Elimina las imágenes del directorio temporal que no se usan.
- Se puede configurar para pasar una lista de palabras clave para construir el nombre de las imágenes con ellas. Esta opción es interesante para SEO.
- Se muestra una imagen de cargando mientras se sube y previsualiza la imagen del usuario.
- Factoría de iframes para optimizar el consumo de memoria del navegador.
- Timeout si la imagen tarda mucho en cargar.
- Validaciones javascript y php.

Como aquí no se pueden adjuntar archivos, os dejo la dirección de otro foro donde sí pude ponerlo (no se puede poner un vínculo desde este foro hasta el otro). Es en inglés:

http://www.webdeveloper.com/forum/showpost.php?p=1090249&postcount=23

El zip contiene una pequeña demo del plugin. Es muy básico, pero para ver cómo funciona, sirve.

Si tenéis alguna pregunta, preguntadla, a lo mejor os puedo ayudar con ello.

Lo del tipo de imagen x-png ya está corregido, gracias :)

Respecto a lo de la barra de progresión para la carga de la imagen, decir que eso es difícil de hacer en internet, ya que influyen varios parámetros, algunos de ellos difíciles de medir y ajenos a nuestro control, como la congestión de la red o el propio proveedor de internet del usuario.

Sí se puede cuando se da un tiempo máximo de carga. Es una funcionalidad implementada en el plugin. En el archivo del plugin itemForm.js está definido este tiempo en la variable loadingTimeout, y el intervalo de progresión de la barra está determinado en la variable progressBarInterval.

Saludos.