Este Sistema de Recorte de Imágenes en Javascript y PHP permite sencillamente agregar imágenes para luego recortarlas y luego estas imágenes quedan visibles en una galeria, con las imágenes ya recortadas.
Esta aplicación utiliza una librería de Javascript llamada Cropie que facilita el proceso del acercamiento y el recorte de la aplicación, si requieres más información puedes acceder al siguiente enlace:
https://foliotek.github.io/Croppie/
Video Explicativo
En este blog tengo publicado un sistema de Galería Dinámica en PHP y MySQL totalmente gratuito que te podría interesar, al que puedes acceder en el siguiente enlace:
Puesta a punto del Sistema de Recorte de Imágenes en Javascript y PHP en un servidor local
Aplicaciones Previas
Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:
XAMPP, Git, Visual Studio Code
XAMPP es la aplicación encargada de implementar un servidor apache para que funcionen los scripts PHP en un ordenador a nivel local.
Git es el gestor de repositorios más usado del mundo, con el que puedes descargar limpiamente, código de GitHub.
Visual Studio Code, es el editor de código más popular del mundo, que recomiendo ampliamente en prácticamente todas las publicaciones de este blog.
Descarga Aplicación de GitHub
El siguiente es el enlace de descarga de repositorio de GitHub de la aplicación de Sistema de Galería Dinámica en un servidor local:
Configuración del Sistema de Recorte de Imágenes en Javascript y PHP para su funcionamiento en tu ordenador
Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:
C:\xampp\htdocs
Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:
git clone https://github.com/configuroweb/recorte-imagen.git
Se creará la carpeta recorte-imagen, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL
Posterior a esto puedes acceder a la siguiente URL y la aplicación ya estará lista para su uso:
http://localhost/recorte-imagen/index.php
Subida del Sistema de Recorte de Imágenes en Javascript y PHP a un hosting
Por la sencillez de la aplicación, no abordaré el tema directamente, en el siguiente vídeo relacionado, explico a nivel general el proceso:
Si aun tienes dudas con el proceso de la puesta a punto de la aplicación en un servidor local aun puedes ver en la siguiente publicación con más detalle la implementación de aplicaciones PHP:
Cualquier duda quedo al pendiente, si requieres más aplicaciones PHP, en Python o JavaScript te recomiendo te suscribas a mi contenido en Youtube y estés al pendiente de cualquier cambio, que vaya haciendo.
