1,675 questions
Why do my markdown images show in VS22 markdown preview but not when the app is running?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(230.39999999999998, 44%, 32%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJB%3C/text%3E%3C/svg%3E)
Joe Brown
0
Reputation points
I am making an article/blog style website on Blazor Server.
I have an Article Razorpage which using parameters will go and retrieve the correct markdown file. When viewing the markdown file, the images show fine in the preview panel, however when I bring the markdown file to my Razor page and display it, the images do not show.
This is the img tag I used:
<img src="Images/Cheese_Pallets.jpg" alt="Pallets of Cheese" style="height:70%; width:70%"/>
Developer technologies | .NET | Blazor
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Anonymous2023-03-02T06:51:43.0166667+00:00 Hi @Joe Brown
however when I bring the markdown file to my Razor page and display it, the images do not show.
The images are in the wwwroot\Images folder, right? Try to use F12 developer tools to check whether the image path is correct or not?
Besides, can you create a minimal, complete sample to reproduce the problem? Just according to the image tag, it is hard to narrow down the problem.
Sign in to comment
Sign in to answer