Sistema de Recorte de Imágenes en Javascript y PHP

Sistema de Recorte de Imágenes en Javascript y PHP

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

Sistema de Recorte de Imágenes en Javascript y PHP

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:

Sistema de Galería Dinámica en PHP y MySQL

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:

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

Sistema de Recorte de Imágenes en Javascript y PHP

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:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

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:

Como instalar aplicaciones PHP en un servidor local

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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.