2015-04-24 2 views
15

Мой путь к файлу изображения является публичной/IMG/logo.png и мой app.blade.php путь к файлу ресурсов/просмотров/app.blade.phpLaravel клинка HTML изображение

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

+1

'публичный/IMG/logo.png' не может быть доступен на'/IMG/stuvi-logo.png', я имею в виду, даже имена файлов разные , Это опечатка в вопросе или вашей программе? –

+0

Если вы проверите свой визуализированный код, что вы видите? Правильно ли это URL? – Robin

ответ

14

Изменить/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"> 
7

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

{!! Html::image('img/logo.png') !!} 
+9

Невосприимчивый !! Пакет Html был удален из Laravel 5. Вы все равно можете его использовать, но вам нужно будет явно включить пакет внутри рамки. Стоит сказать, что это так ... – lkartono

+0

Я исправил ответ, чтобы указать пакет laravelcollective/html – Dylan

+0

После установки коллективного пакета Forms & HTML (5.3) оба синтаксиса из принятого ответа и этого будут работать. Этот ответ не берет капитал 'HTML' .. Я наткнулся на это. – Daniel

21

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

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

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

+0

отлично, спасибо. – Artistan

+0

Работает для меня ... – Fil

1

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

****<image img src="/img/logo.png" alt="Logo"></image>**** 
Смежные вопросы