ASP MVC:从数据库上传图像作为完整的后台CSS

时间:2017-10-30 07:22:34

标签: css asp.net asp.net-mvc asp.net-mvc-4 razor

我还在摆弄MVC,我想设置一个完整的背景图片,可以从数据库中检索

这就是我以前在CSS中所做的事情,并且每当我需要完整的背景时都喜欢这样做:

.banana3-sm{
    background-image: url('../images/banana3-sm.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}

以下是我目前正在使用的内容,因为我不知道如何将图像链接从数据库上传到CSS。

在控制器中:

model.ImgSrc = Convert.ToBase64String(model.Image);

在CSHTML中:

<div class="col-lg-6 col-md-6 visible-md visible-lg">
    @Html.Partial("_ProductImage", Model)
</div>

在PartialView中

<img class="img-responsive" src="@imgSrc" alt="Product Image" /> 

但是图片没有像我希望的那样以上述<img>方式响应。

所以有一种方法可以动态地将图像链接插入这里吗?

background-image: url('xx/xx/xxxx.png'); 

提前致谢!

我已经在这里阅读了这些类似的主题:

how-to-apply-full-background-image-in-asp-net-mvc

css-background-image-refuses-to-display-in-asp-net-mvc

0 个答案:

没有答案