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.

Para este ejemplo tome como base uno de mis Ejemplo Anteriores: Subir multiples archivos o imágenes al servidor y guardarlas con PHP y MySQL

Despues de esto agregue el plugin JCrop que pueden obtener aqui: http://deepliquid.com/content/Jcrop.html

Despues 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:

[sociallocker]

Descargar: https://drive.google.com/open?id=0B4VwLG0Dpi3tS2NmYVhwb0VwTEk

[/sociallocker]

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/


Leave a comment

2 thoughts on “Subir y Recortar Imagenes con Jcrop, class.upload.php, PHP y MySQL