Previsualizar imagen del curso
Comprar curso

24. Previsualizar imagen del curso


2 comentarios

Inicia sesión para comentar

Comentarios:

  • Eusebio

    Eusebio hace 3 meses

    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 3 meses

      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/storage

      Despues 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

    Victor Arana Flores hace 6 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 6 meses

      Excelente! Muchas gracias