Laravel-5.5: How to write correct path to image in html code using css?

Question

I use method asset() for connect assets to website. Example:

<link href="{{ asset('dist/css/style.css') }}" rel="stylesheet" type="text/css">

And how I can use method asset() in this html code for include images using css:

<div class="attached-img-container" style="background-image:url(dist/img/gallery/equal-size/mock1.jpg)"></div>

List of my routes:

Route::group(['prefix' => 'inbox', 'middleware' => 'auth'], function(){
    Route::get('/', ['uses' => 'InboxController@index',])->name('inbox');
    Route::match(['get', 'post'], '/message/{id?}', ['uses'=>'InboxController@message'])->name('message');
    Route::match(['get', 'post'], '/compose', ['uses'=>'InboxController@compose'])->name('compose');
});

In route inbox assets work from public folder but in message or in compose routes assets not work.

halfer · Accepted Answer · 2018-06-15 11:15:30Z

1

You should be able to do:

background-image:url({{ asset('dist/img/gallery/equal-size/mock1.jpg') }})

That being said, if the dist directory is in your public folder, you should be able to add / at the beginning:

background-image:url(/dist/img/gallery/equal-size/mock1.jpg)

edited Jun 15, 2018 at 11:15

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Jan 5, 2018 at 10:46

Rwd

35.3k7 gold badges71 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marcin Nabiałek · Accepted Answer · 2018-01-05 10:46:35Z

0

You can use absolute path like this:

background-image:url(/dist/img/gallery/equal-size/mock1.jpg)

answered Jan 5, 2018 at 10:46

Marcin Nabiałek

112k43 gold badges271 silver badges299 bronze badges

4 Comments

Andreas Hunter Over a year ago

image in public folder but if I create group of routes with in prefix then assets not working @Marcin

Marcin Nabiałek Over a year ago

If that's the problem, you should include your routes

Andreas Hunter Over a year ago

How I must include my routes?

Marcin Nabiałek Over a year ago

Add them into your question

Saurabh Mistry · Accepted Answer · 2018-01-05 10:50:19Z

0

no need to use asset() if it is inside public folder , you can directly access it by using /

for example your image is inside public/images/myimage.jpg

then u can use <img src="/images/myimage.jpg" />

<div style="background-url:('/images/myimage.jpg')">

answered Jan 5, 2018 at 10:50

Saurabh Mistry

13.8k5 gold badges60 silver badges78 bronze badges

Comments

Sohel0415 · Accepted Answer · 2018-01-30 07:01:40Z

0

You could use url() helper function like-

background-image:url({{ url('/dist/img/gallery/equal-size/mock1.jpg') }})

edited Jan 30, 2018 at 7:01

answered Jan 5, 2018 at 11:03

Sohel0415

9,89124 silver badges32 bronze badges

Collectives™ on Stack Overflow

Laravel-5.5: How to write correct path to image in html code using css?

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related