Добавление строк для загрузки изображений CSHTML

Question

Я работаю с ASP.net MVC для страницы веб-сайта в cshtml.Я новичок в этом, и мне трудно делать простую задачу, как в C #.Я пытаюсь загрузить изображения на свой сайт с помощью поля в своем классе "категорий".В этом классе есть поле с именем ImageFileName.

Я могу загрузить изображение, обычно с жесткой кодировкой, например:

<img src="~/Content/Images/Dining/Dining.jpg"  
     alt=@c.CatName 
     style="width:64px;height:48px;" />

Однако я хочу сделать то же самое без жесткого кодирования имени файла:

<img src="~/Content/Images/" + @c.ImageFileName 
     alt=@c.CatName 
     style="width:64px;height:48px;" />

Однако это не добавляет строку пути и файлы не загружаются.Я попытался поместить изображения в общую папку изображений, я просто чувствую, что у меня неправильный синтаксис.

Answer 1

Ваш синтаксис неверен.Помните, что вы визуализируете HTML и пишете в Razor, а не на C #.

Это:

<img src="~/Content/Images/" + @c.ImageFileName 
     alt=@c.CatName 
     style="width:64px;height:48px;" />

Должно быть так:

<img src="~/Content/Images/@c.ImageFileName" 
     alt="@c.CatName"
     style="width:64px;height:48px;" />

Однако, как это делают другиеПредполагается, что вы можете сохранить весь путь изображения в этом свойстве ImageFileName.Ваш код будет:

<img src="@c.ImageFileName" 
     alt="@c.CatName" 
     style="width:64px;height:48px;" />

Просто пища для размышлений

Answer 2

Попробуйте это ( с помощью помощника Html.Raw) :

<img src="@Html.Raw("~/Content/Images/" + c.ImageFileName)" 
 alt="@Html.Raw(c.CatName)" style="width:64px;height:48px;" />