Image not displaying using Craft CMS

Question

I'm new to using Craft CMS and trying to successfully make an image display.

I have set up a field with the handle heroImage and this is the code I have within the template.

{% set image = entry.heroImage.one() %}

<div>
<img src="{{ image.getUrl }}">
</div>

However, the image is not displaying in the browser.

@DarkBee it outputs a bunch of code instead of the image itself. — Sam, Jul 22 '21 at 20:40
@DarkBee I managed to solve the issue, the ASSET_BASE_URL was incorrect. — Sam, Jul 24 '21 at 08:47

score 0 · Answer 1 · edited Aug 27 '21 at 11:33

0

I think you forgot to add parenthesis after getUrl as it was a function (method). You can use below code for that.

{% set image = entry.heroImage.one() %}
<div>
<img src="{{ image.getUrl() }}">
</div>

edited Aug 27 '21 at 11:33

Dharman

answered Aug 27 '21 at 10:53

ZealousWeb

score 0 · Answer 2 · answered Mar 01 '22 at 22:09

0

Users encountering this may want to check folder permissions. I encountered this in a site migration situation.

answered Mar 01 '22 at 22:09

Cynder Gray

score -1 · Answer 3 · answered Oct 28 '21 at 12:01

-1

Try this

  <img src="https://dev-craft3-384fa3039dfb.hyperlane.co/uploads/scren1.png" referrerpolicy="no-referrer" alt="ALI TEST LIVE LINK" />

answered Oct 28 '21 at 12:01

Muhammad Ali

3 Answers3