Cuando comenzamos a desarrollar scripts avanzados y a utilizar tecnologías como ajax nos sale a relucir porque no es posible subir fotos a un servidor sin necesidad de recargar la página, esto se deriva de un error de seguridad en los navegadores. Ahora bien existe la posibilidad de emular esta acción mediante plugins, para esto crearemos nuestro jquery para fotos.
Para nuestro ejemplo jQuery para fotos emplearemos AjaxUpload.2.0.js en la versión que utiliza iframes y que podrás encontrar en su sitio oficial.
Al final del ejemplo te daré un par de plugins que pueden ser de utilidad para tus aplicaciones jquery para fotos y que son mas actuales.
Comúnmente nos encontramos tutoriales en donde nos enseñan a subir fotos de forma asíncrona, pero que pasa si lo que queremos es subir fotos y al mismo tiempo se vea reflejada en nuestra página, por ejemplo editar el perfil de un usuario y subir sus fotos, y que esta se vea en tiempo real en su respectivo contenedor, esto lo lograremos usando jquery para fotos.
En este pequeño tutorial – jquery para fotos – vamos a ver un ejemplo con las siguientes características:
- Subir fotos
- Fijar dimensiones de las fotos permitidas
- Fijar el tamaño en kbs de las fotos
- Fijar tipos de fotos que se pueden subir
- Presentar en pantalla las fotos publicadas
Puedes descargar el código completo de jquery para fotos desde github
Video Tutorial
0 comentarios:
Publicar un comentario