2015-04-24 27 views
15

My đường dẫn tập tin hình ảnh là công khai/img/logo.png và đường dẫn tập tin app.blade.php của tôi là nguồn lực/views/app.blade.phpLaravel Blade ảnh html

Bên trong app.blade.php của tôi tôi sử dụng {{HTML::image('/img/stuvi-logo.png')}} để hiển thị hình ảnh. Tôi không hiểu tại sao điều này sẽ không tìm thấy hình ảnh. Thư mục gốc của phương thức image() là gì?

+1

'công cộng/img/logo.png' không thể có mặt tại '/ img/stuvi-logo.png', ý tôi là, ngay cả những tên tập tin khác nhau . Đó có phải là lỗi đánh máy trong câu hỏi hoặc chương trình của bạn không? –

+0

Nếu bạn kiểm tra mã được hiển thị, bạn thấy gì? Url có đúng không? – Robin

Trả lời

14

Thay đổi/img/stuvi-logo.pngđểimg/stuvi-logo.png

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

nào tạo ra HTML sau.

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

Trong Laravel 5.x bạn có thể sử dụng laravelcollective/html và cú pháp:

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

Không liên quan !! Gói Html đã được gỡ bỏ khỏi Laravel 5. Bạn vẫn có thể sử dụng nó nhưng bạn sẽ cần bao gồm một cách rõ ràng gói bên trong khung công tác. Giá trị nói rằng tôi nghĩ ... – lkartono

+0

Tôi đã sửa câu trả lời để chỉ định gói laravelcollective/html – Dylan

+0

Sau khi cài đặt gói biểu mẫu & HTML (5.3), cả cú pháp từ câu trả lời được chấp nhận và câu trả lời này sẽ hoạt động. Câu trả lời này không lấy vốn 'HTML' .. Tôi tình cờ gặp điều đó .. – Daniel

21

Nếu bạn sử dụng bootstrap, bạn có thể sử dụng này -

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

lưu ý: bên công thư mục tạo thư mục mới có tên là image rồi đặt hình ảnh của bạn ở đó. Sử dụng URL::asset() bạn có thể truy cập trực tiếp vào thư mục công khai công khai.

+0

tuyệt vời, cảm ơn. – Artistan

+0

Làm việc cho tôi ... – Fil

1

Có cùng vấn đề với laravel 5.3 ... Đây là cách tôi đã làm điều đó và rất dễ dàng. ví dụ biểu tượng trong giao diện trang lưỡi

****<image img src="/img/logo.png" alt="Logo"></image>**** 
Các vấn đề liên quan