0

Tengo una tabla y en esta tabla un campo donde se guarda el nombre de la imagen, por ejemplo imagen.jpg, lo que necesito es poder verla en un módulo pero no sé como hacerlo. He intentado esto

<div class="col-md-6 b-r">

<!--<label>Imagen principal del auto</label>
{!! Form::file('rutaImagenPrincipal') !!}
        <div class="hr-line-dashed"></div>
        <label>Caracteristicas (imagen)</label>
{!! Form::file('rutaImagenCaracte') !!}
        -->
    {!! Html::image('storage/app/'.$auto->rutaImagenCaracte.'','',array('class'=>'img-responsive')) !!}
    <div class="hr-line-dashed"></div>
    <div class="form-group">
        <input type="submit" class="btn btn-primary btn-outline" value="REGISTRAR">
    </div>
    <div class="hr-line-dashed"></div>
</div>

Y sí me da el url de donde se encuentra mi imagen, pero no me abre, me aparece error como si no lo encontrara. Espero su ayuda, gracias les dejo la imagen de donde están mis imágenes alojadas

introducir la descripción de la imagen aquí

5
  • Haz mirado con el inspector que ruta te está pintando ? Commented el 1 dic. 2017 a las 21:11
  • he visto en el error y me sale correcto el url, y cuando pongo el url en el navegador tampoco me abre
    – ingswsm
    Commented el 1 dic. 2017 a las 21:13
  • y que url te arroja ?? Commented el 1 dic. 2017 a las 21:14
  • motorcisne.com/storage/app/Captura.PNG
    – ingswsm
    Commented el 1 dic. 2017 a las 21:16
  • extraño, haz revisado que depronto no sea algo de estilos ? Commented el 1 dic. 2017 a las 21:21

2 respuestas 2

0

Lo primero que tienes que hacer es enlazar el directorio storage/app/public a la carpeta public del proyecto. Para hacerlo ejecuta en la consola el siguiente comando:

php artisan storage:link

Y luego ya puedes poner la imagen:

{!! Html::image('storage/'.$auto->rutaImagenCaracte.'','',array('class'=>'img-responsive')) !!}

Donde $auto->rutaImagenCaracte es el nombre de la imagen (nombreImagen.jpg)

Edito

Para poder usar el helper HTML hay que instalar Laravel Collective. esto se hace a través de composer. Se modifica el composer.json

"require": {
    "laravelcollective/html": "~5.0"
}

Se ejecuta en el terminal el comando

composer update

Se añade un nuevo provider en providers de config/app.php

'providers' => [
    // ...
    'Collective\Html\HtmlServiceProvider',
    // ...
  ],

Y finalmente se añade el àlias`

'aliases' => [
    // ...
      'Form' => 'Collective\Html\FormFacade',
      'Html' => 'Collective\Html\HtmlFacade',
    // ...
  ],
8
  • Pues yo pruebo eso y me sale este error: Class 'Html' not found (View: C:\xampp\htdocs\flora\resources\views\vegetal\index.blade.php) Commented el 14 feb. 2018 a las 15:42
  • en config/app.php, en la clave aliases hay que tener: 'Html' => Collective\Html\HtmlFacade::class y tener instalado laravelcollective, porque en caso contrario devuelve ese error. Commented el 14 feb. 2018 a las 15:53
  • vale, he instalado 'Html' => Collective\Html\HtmlFacade::class. Ahora me queda lo de laravelcollective, que no se como se hace. Commented el 14 feb. 2018 a las 16:02
  • Editada la respuesta con la información necesaria. Pero puedes seguir usando los tags html Commented el 14 feb. 2018 a las 16:12
  • Ya consegui importar lo que sugieres. Aunque lo mio esta chungo, pues he probado incluso usar <img> con imagenes fijas (en vez de poner de src una variable pongo una ruta fija) y tampoco se muestra la imagen. Commented el 14 feb. 2018 a las 16:32
0

yo para subir imagenes al proyecto hago lo siguiente, creo una carpeta de fotos en public ej: public/fotos es este directorio guardo todas las fotos que se suben.

Para guardar las imagenes en esta carpeta se hace lo siguiente

$image = $request->file('foto'); //imagen que viene en el request
$destino = public_path() . "/fotos/";
$image->move($destino, $image->getClientOriginalName()); //lo guardas con el nombre de la imagen

y para poder acceder a esta imagen haces uso de assets(), ej:

<img src={{assets('fotos/img.png')}}>

espero te sea de ayuda.

lo que hace la directiva assets es ubicarte directamente en tu carpeta public

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.