Subir y Recortar Imagenes con Jcrop, class.upload.php, PHP y MySQL

El plugin Jquery Jcrop nos ayuda a seleccionar un area especifica de una imagen y cortarlo para despues procesarlo y guardarlo con la libreria class.upload.php.

📌 Nota: Este artículo forma parte de nuestro Centro de Tutoriales y Recursos. Visita la lista completa para descubrir más técnicas avanzadas, integración de APIs y buenas prácticas de backend.

Para este ejemplo tome como base uno de mis Ejemplo Anteriores: Subir multiples archivos o imágenes al servidor y guardarlas con PHP y MySQLDespues de esto agregue el plugin JCrop que pueden obtener aqui: http://deepliquid.com/content/Jcrop.htmlDespues solo hay que poner atencion en los archivos:

• cropform.php
• crop.php

Antes de recortar una imagen primero la debemos subir, tal cual como la subiriamos en el ejemplo en el que me base.Despues de subir la imagen vemos la lista de imagenes y de las opciones que aparecen “Recortar, Descargar y Eliminar”, seleccionamos Recortar y esto nos dirigira al archivo cropform.php.

Cropform.php

El archivo cropform.php es el archivo que tiene la funcionalidad para que seleccionemos el area de una imagen y lo recortemos.Despues que seleccionamos el area, damos click en el boton procesar y se redirigira al archivo crop.php, que se encarga de recortar la imagen,  guardar el archivo y actualizar la base de datos.

Descargar

A continuacion el link de descarga:Descargar: https://drive.google.com/open?id=0B4VwLG0Dpi3tS2NmYVhwb0VwTEk

Finalizando

Ahora ya puedes incluir esta funcionalidad en tus proyectos de manera facil.Que te parecio este ejemplo?Si te gustan este tipo de ejemplo por favor comentalo en el espacio de abajo.Te invito a que te suscribas en el apartado de la derecha “Suscribete a mi Blog” para recibir notificaciones cuando publique nuevos articulos, tambien te invito a que te suscribas a mi canal de youtube https://youtube.com/evilnapsis/

Te puede interesar: Flash Max – Sistema de Cursos en Linea LMS