nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to display attached images with markdown

apurva abhyankar

I want to display an image(attached to the page) with markdown. From what I looked up on the various portals, the format is:

![Alt text](/path/to/img.jpg)

But, this works for actual links to the image. How do i reference the image that is attached to the page itself.

Accepted answers

Stephen Deutsch

It doesn't seem like the Wiki Markup converter has any smart check to determine whether an image is attached to a page or not, so you'll probably have to use the following format:

![](/download/attachments/<page_id>/<filename>)

All comments

Stephen Deutsch

Hi Apurva,

Could you please let us know which product you are using (Confluence?), which type you are using (Cloud, Server), and if Server, which version?

apurva abhyankar

Yes, COnfluence server 5.8

Stephen Deutsch

Are you inserting markdown in the "Insert Markup" menu or using a plugin to display it?

apurva abhyankar

Insert Markup

Stephen Deutsch

It doesn't seem like the Wiki Markup converter has any smart check to determine whether an image is attached to a page or not, so you'll probably have to use the following format:

![](/download/attachments/<page_id>/<filename>)

apurva abhyankar

Thank you for the answer. It worked. Really appreciate your help.

Stephen Deutsch

No problem

Stephen Deutsch

For anybody else coming to this page, the format is actually

![](<contextpath>/download/attachments/<page_id>/<filename>)

so for Confluence Cloud users it would be

 ![](/wiki/download/attachments/<page_id>/<filename>)

Milan Panic_wyz7di

Seems that this answer is not valid anymore in 2024:

Any ideas of the reason - would highly appreciate help?

External images should be avoided use the following format in markdown
BEST TO BE AVOIDED unless publicly available resources

Example:

![](https://i.ibb.co/ncPSnTF/sample-tech-specs-image.jpg)

For internal attachments - use following format
DOES NOT WORK UNFORTUNATELY:

![](/wiki/download/attachments/4238410304/sample_tech_specs_image.jpeg)

Ramesh Maduranga

@Milan Panic This isn't working for me either. How did you manage to attach internal attachments?

Milan Panic_wyz7di

I wasn't I simply don't have this feature...

We workaround it by presenting images outside of markdown - but it's stupid...

Ramesh Maduranga

@Stephen Deutsch Tagging you in case you have a better answer.

Welcome!

It looks like you're new here. Sign in or register to get started.