Header Ads Widget

Ticker

6/recent/ticker-posts

Arrastra Y Suelta La Carga De Archivos En Laravel 6 Usando Dropzone Js

 Hoy, le explicaremos cómo cargar imágenes usando dropzone en laravel 6. para que pueda cargar fácilmente varias imágenes usando dropzone. La biblioteca Dropzone.js proporciona la función de arrastrar y soltar, por lo que es una función que nos permite cargar imágenes o archivos fácilmente.

Podemos seleccionar, previsualizar y eliminar imágenes usando la biblioteca Dropzone.js. ahora puedes seguir los pasos siguientes.

 

Visión general

Paso 1: instala Laravel 6

Paso 2: crear rutas

Paso 3: crear ImageController

Paso 4: crear archivo Blade

Paso 5: Ejecuta nuestra aplicación Laravel

Paso 1: instala Laravel 6

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

Paso 2: crear rutas

Agregue el siguiente código de ruta en el archivo "routes / web.php".

Paso 3: crear ImageuploadController

Aquí, en este paso, crearemos el archivo ImageController.php. después, crearemos un índice, upload_image, fetch_image y métodos delete_image en el archivo ImageController.php. el primer método para ver el archivo y, si se carga una imagen, utilizará el segundo método.

para que pueda seguir el siguiente código.

Paso 4: crear archivo Blade

Finalmente, crearemos un archivo dropzone.blade.php en el directorio de la carpeta "resources / views /" y pegaremos el siguiente código.

Paso 5: Ejecuta nuestra aplicación Laravel
Podemos iniciar el servidor y ejecutar este ejemplo usando el siguiente comando.

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

Publicar un comentario

0 Comentarios