Header Ads Widget

Ticker

6/recent/ticker-posts

Tutorial De Ejemplo De Carga De Imágenes Ajax De Laravel 6

 En este tutorial, le explicaremos cómo cargar imágenes con ajax en Laravel Framework (tutorial de ejemplo de carga de imágenes de Laravel 6 Ajax).

En este ejemplo, cargaremos las imágenes con la validación en la carpeta. para que pueda seguir el siguiente paso para cargar la imagen usando ajax en laravel 6.
Descripción general
Paso 1: Instalar Laravel
Paso 2: Establecer la configuración de la base de datos
Paso 3: Crear tabla usando la migración
Paso 4: Crear ruta
Paso 5: Crear un modelo y controlador
Paso 6 : Crear archivos Blade
Paso 7: Ejecutar la aplicación

Paso 1: Instale Laravel
Vamos a instalar laravel 6, así que primero abra el símbolo del sistema o el terminal y vaya al directorio de la carpeta xampp htdocs usando el símbolo del sistema. luego, ejecute el siguiente comando.

Paso 2: Establecer la configuración de la base de datos
Después de la instalación completa de laravel. tenemos que configurar la base de datos. ahora abriremos el archivo .env y cambiaremos el nombre de la base de datos, el nombre de usuario y la contraseña en el archivo .env. Vea los cambios a continuación en un archivo .env.

Paso 3: Crear tabla usando la migración
Ahora, necesitamos crear una migración. por lo que a continuación usaremos el comando crear la migración de la tabla de imágenes.

Después de completar la migración. necesitamos los cambios a continuación en el archivo database / migrations / create_images_table.

Ejecute el siguiente comando. después de los cambios del archivo anterior.

Paso 4: Crear ruta
Agregue el siguiente código de ruta en el archivo “routes / web.php”.

Paso 5: Crear un modelo y un controlador
A continuación, el comando ayuda a crear el controlador y el modelo.

Image.php

ImageController.php

Paso 6: Crear archivos Blade
Finalmente, primero crearemos los archivos image.blade.php en el directorio "resources / views / student /".
image.blade.php

Paso 7: Ejecutar la aplicación
Podemos iniciar el servidor y ejecutar esta aplicación usando el siguiente comando.

Ahora ejecutaremos nuestro ejemplo usando la siguiente URL en el navegador.

Publicar un comentario

0 Comentarios