Level 47
<img :src="'/images/' + addressObj.image"/>
2 likes
Mar 3, 2018
9
Level 8
Display image in vue.js
I am trying to develop a SPA. In this regard I am using vue.js 2 in front end and Laravel 5.5 API in back end. Now I would like to display images in front end. I wrote below code in HTML
<img :src="/images/addressObj.image"/>
Where should I put images in Laravel and how can I access that image in vue.js ?
Level 8
Thanks @MaverickChan . Where should I put images in Laravel ?
Level 47
1 like
Level 8
Thanks @MaverickChan for your reply. I am trying to access like this http://localhost:8000/assets/images/default.jpg .But I can't see the image in the browser. Thanks.
Level 40
Your localhost:8000 is pointing to the index.html file in /public from your project root directory.
So to store the image, such that localhost:8000/assets/images/default.jpg will work, it would have to sit in a directory:
{proj_root}/public/assets/images/default.jpg
You could also use a helper method with:
$url = asset('assets/images/default.jpg');
5 likes
Level 1
@burlresearch You saved my day. Thankyou
Level 6
<img :src="post.image"></img>
Level 1
@MAVERICKCHAN - thanks for this answer
Level 1
@burlresearch Thank you so much, sir. I've been struggling with this all day and your response completely solved my problem.
Please or to participate in this conversation.