![Previsualizar imagen del curso](https://codersfree.nyc3.cdn.digitaloceanspaces.com/courses/poster/aprende-a-crear-una-plataforma-de-cursos-con-laravel-previsualizar-imagen-del-curso.jpg)
Adquiere este curso para tener acceso a todas las lecciones
Comprar curso24. Previsualizar imagen del curso
2 comentarios
Inicia sesión para comentar
Comentarios:
-
Eusebio hace 1 mes
Hola Víctor primeramente felicitarle por el curso excelente que has realizado.
Tengo un problema con la imagen, cuando selecciono la imagen se previsualiza sin problema alguno, sin embargo en el momento de guardar la imagen con el botón de guardar cambios la imagen previsualizada desaparece.
de hecho en el archivo .env lo tengo configurado de la siguiente manera.
APP_URL=http://codersfree.test
FILESYSTEM_DISK=public
El código al parecer esta como indicaste,
seria tan amable de indicarme donde esta la falla.
al guardar cambios. desaparece la imagen.
-
Eusebio hace 1 mes
Solucione de la siguiente manera, la falta de visualización de la imagen.
Utilizo como plataforma Windows y como servidor local xampp, realice las siguientes acciones para solucionar el problemas.
Ejecute en terminas de git bash desde la raíz de mi proyecto, lo siguiente para dar los permisos que se requieren.
chmod -R 775 storage
chmod -R 775 public/storageDespues Eliminar el enlace simbólico existente.
rm -rf public/storage
luego, Crear un nuevo enlace simbólico
php artisan storage:link
Debes verificar que el archivo de imagen exista en el directorio correcto
storage/app/public/courses/images/
Reiniciar el servidor xampp
Ejecutar en terminal:
php artisan serve
Con esos pasos solucione mi problema de la imagen.
-
-
Victor Arana Flores hace 4 meses
Codigo javascript para previsualizar imagen
window.preview_image = function(event, querySelector){ //Recuperamos el input que desencadeno la acción let input = event.target; //Recuperamos la etiqueta img donde cargaremos la imagen let imgPreview = document.querySelector(querySelector); // Verificamos si existe una imagen seleccionada if (!input.files.length) return; //Recuperamos el archivo subido let file = input.files[0]; //Creamos la url let objectURL = URL.createObjectURL(file); //Modificamos el atributo src de la etiqueta img imgPreview.src = objectURL; }
-
Blanca Segura hace 3 meses
Excelente! Muchas gracias
-