Blazor
A free and open-source web framework that enables developers to create web apps using C# and HTML being developed by Microsoft.
1,500 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%"/>
{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(73.60000000000001, 90%, 17%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EZL%3C/text%3E%3C/svg%3E)
Zhi Lv - MSFT 32,106 Reputation points Microsoft Vendor2023-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