HTML-изображение Laravel Blade

Мой путь к файлу изображения — public/img/logo.png, а
мой путь к файлу app.blade.php — resources/views/app.blade.php.

Внутри моего файла app.blade.php я использую {{HTML::image('/img/stuvi-logo.png')}}
для отображения изображения.
Я не понимаю, почему это не находит изображение.
Какова корневая папка метода image()?


person patels326    schedule 24.04.2015    source источник
comment
public/img/logo.png не может быть доступен на /img/stuvi-logo.png, я имею в виду, что даже имена файлов разные. Это опечатка в вопросе или в вашей программе?   -  person D-side    schedule 25.04.2015
comment
Если вы проверите отрендеренный код, что вы увидите? URL-адрес правильный?   -  person Robin    schedule 25.04.2015


Ответы (8)


Изменить /img/stuvi-logo.png на img/stuvi-logo.png

{{ HTML::image('img/stuvi-logo.png', 'alt text', array('class' => 'css-class')) }}

Что создает следующий HTML.

<img src="http://your.url/img/stuvi-logo.png" class="css-class" alt="alt text">
person Alupotha    schedule 24.04.2015

Если вы используете начальную загрузку, вы можете использовать это -

 <img src="{{URL::asset('/image/propic.png')}}" alt="profile Pic" height="200" width="200">

примечание: внутри папки public создайте новую папку с именем image и поместите туда свои изображения. Используя URL::asset(), вы можете получить прямой доступ к общедоступной папке.

person Erfan Ahmed    schedule 25.03.2016

В Laravel 5.x вы можете использовать laravelcollective/html и синтаксис:

{!! Html::image('img/logo.png') !!}
person Dylan    schedule 02.09.2015
comment
Не имеющий отношения!! Пакет Html был удален из Laravel 5. Вы все еще можете его использовать, но вам нужно будет явно включить пакет внутри фреймворка. Стоит сказать, я думаю... - person lkartono; 26.10.2015
comment
Я исправил ответ, указав пакет laravelcollective/html. - person Dylan; 08.11.2016
comment
После установки коллективного пакета Forms & HTML (5.3) оба синтаксиса из принятого ответа и этого будут работать. Этот ответ не пишется с большой буквы HTML .. Я наткнулся на это .. - person Daniel; 05.01.2017

на данный момент вы можете использовать

<img src="{{ asset('images/foo.png') }}" alt="tag">
person Anthony Meinder    schedule 13.07.2020
comment
Также работает со свойством background-image - person maswerdna; 01.08.2021
comment
да, конечно, он будет работать так, как ожидалось, поскольку он обрабатывается php. - person Anthony Meinder; 03.08.2021

Была такая же проблема с laravel 5.3... Вот как я это сделал и очень легко. например, логотип в представлении страницы блейда

****<image img src="/img/logo.png" alt="Logo"></image>****
person Magige Daniel    schedule 04.11.2016

В Laravel 5.x тоже можно сделать так.

<img class="img-responsive" src="{{URL::to('/')}}/img/stuvi-logo.png" alt=""/>

person Palistha    schedule 09.09.2018
comment
Хотя этот фрагмент кода может решить проблему, он не объясняет, почему и как отвечает на вопрос. Пожалуйста, включите объяснение кода, так как это действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос для будущих читателей, и эти люди могут не знать причин вашего предложения кода. - person Luca Kiebel; 09.09.2018

в моем случае это сработало отлично

<img  style="border-radius: 50%;height: 50px;width: 80px;"  src="<?php echo asset("storage/TeacherImages/{$studydata->teacher->profilePic}")?>">

этот код используется для отображения изображения из папки

person Mohsin G    schedule 21.06.2020

вы можете использовать актив () вы можете получить прямой доступ к папке изображения.

<img src="{{asset('img/stuvi-logo.png')}}" alt="logo" class="img-size-50 mr-3 img-circle">
person blal yassine    schedule 23.11.2020