如何将背景图像url从数据库传递到mvc中查看?

时间:2018-03-21 14:38:58

标签: c# css asp.net-mvc razor

我有一张名为" Post"每个帖子都有帖子图片,图片保存在表格中作为字符串,当我查看帖子时我需要将图片作为css背景图片,我写的代码是:

<div style = "background-image : url('~/Uploads/@Model.postimage')"></div

并且它没有得到图像!!

3 个答案:

答案 0 :(得分:0)

你的〜是这个问题的根本原因。

使用

<div style = "background-image : url('../Uploads/@Model.postimage')"></div>

<div style = "background-image : url('@Model.postimage')"></div>

第二种选择更好。通过@Model.postimage

添加绝对网址

<强>更新

如果你想坚持使用〜

,你也可以使用助手Url.Content()
<div style="background-image : url('@Url.Content("~/Uploads/" + Model.postimage)')"></div>

答案 1 :(得分:0)

您需要在方法调用中使用帮助器Url.Content()和&#34;〜&#34; -path:

<div style="background-image : url('@Url.Content("~/Uploads/" + Model.postimage)')"></div>

答案 2 :(得分:0)

从数据库中获取背景图片 url 以在 mvc 中查看

使用:

   <div class="d-flex justify-content-center align-items-center"
     style="background-image : url('@Url.Content("~/assets/images/"+myWorks.ImageName)')">
    </dv>