Asp Mvc :使用存储在数据库中的图像设置内联css background- image :url
ASP MVC是一种基于ASP.NET的Web应用程序框架，它允许开发人员使用模型-视图-控制器（MVC）的设计模式来构建可扩展和可维护的Web应用程序。
在ASP MVC中，使用存储在数据库中的图像设置内联CSS background-image:url的步骤如下：
- 首先，确保你的数据库中有一个存储图像的表，并且该表包含一个用于存储图像数据的列。
- 在你的MVC应用程序中，创建一个控制器和一个视图来处理图像的显示。
- 在控制器中，编写一个动作方法来从数据库中检索图像数据，并将其传递给视图。
- 在视图中，使用内联CSS样式来设置background-image属性，并将其值设置为从控制器传递过来的图像数据的URL。
以下是一个示例代码：
控制器代码（ImageController.cs）：
public class ImageController : Controller
{
public ActionResult Index()
{
// 从数据库中检索图像数据
byte[] imageData = GetImageDataFromDatabase();
// 将图像数据转换为Base64字符串
string base64Image = Convert.ToBase64String(imageData);
// 构建图像的URL
string imageUrl = "data:image/png;base64," + base64Image;
// 将图像URL传递给视图
ViewBag.ImageUrl = imageUrl;
return View();
}
private byte[] GetImageDataFromDatabase()
{
// 从数据库中检索图像数据的逻辑
// 返回图像数据的字节数组
}
}视图代码（Index.cshtml）：
<!DOCTYPE html>
<html>
<head>
<title>ASP MVC Image Example</title>
<style>
.image-container {
background-image: url('@ViewBag.ImageUrl');
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div class="image-container"></div>
</body>
</html>在上述示例中，控制器的Index方法从数据库中检索图像数据，并将其转换为Base64字符串。然后，它构建了一个data URL，将其传递给视图的ViewBag。在视图中，使用内联CSS样式设置了一个具有指定背景图像的div元素。
这样，当你访问Image控制器的Index动作方法时，它将显示一个具有从数据库中检索的图像作为背景的div元素。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云区块链：https://cloud.tencent.com/product/bc
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我将图像存储在数据库中，并可以在视图中检索它们，这要归功于我的Img控制器中的Get方法，该方法返回一个File([] fileContents, string contentType)。使用以下命令在视图中显示它没有问题： <img src="@Url.Action("Get", "Img", new { id = Model.ImgId})
浏览 16提问于2019-09-22得票数 0
3回答
如何设置背景图像
、、、
我使用的是asp.net MVC。在我的应用程序中，为了设置背景图像，我实现了如下内容：当我调试它时，背景图像正在显示，当我将其部署到服务器时，它不显示。如果我像这样实现
background-image</
浏览 1提问于2013-05-27得票数 0
1回答
所以我试着把一些图像做成一个精灵。我以为我很清楚我在做什么，但后来我得到的不是6张不同的图像，而是1张被挤压了6次的图像。以下是我的代码{height:100px;}
width:100px;background-image:<e
浏览 1提问于2013-08-10得票数 0
我想使用“普通”JavaScript从多个base64string创建多个动态生成的英雄图像。我不想使用jquery或任何库。 如何从数据库或从磁盘加载图像作为base64string是没有问题的。我已经发现，英雄图像只能与属性background- image : url("heroimage.png")；和一个DIV元素一起使用。我需要在CSS</e
浏览 68提问于2021-08-29得票数 0
回答已采纳
2回答
请原谅我这个简单的问题！我对编程非常陌生，有一个简单的问题。我目前正在用Adobe Business catalyst建立一个网站，有一个问题。
我想做的就是在其中一个模块中插入一个背景图像。理想的id喜欢这个图像调整大小取决于模块的大小。
浏览 1提问于2014-10-26得票数 0
我发现有一些解决方案可以同时使用"display“和"list style image”(比如左浮动图像而不是使用display内联或内联块)，但我必须将它们一起使用。更具体而言：
我在数据库中为我的文章创建了一个foreach块，以便将它们的线链接到指定的标记中，并且它工作得很好。(我已经在30多个网站上进行了测试。)除非，
浏览 4提问于2013-08-02得票数 0
回答已采纳
2回答
我正在尝试通过background- image :url将背景图像添加到链接，如下所示
<a href="#" style="width:300px; height:125px; background-image:url('http://dev.nclexreview.net/media/3549/livereviewsignin.png')"><
浏览 2提问于2013-01-31得票数 2
回答已采纳
2回答
使用ASP.Net，我有一个服务器控件，我想为它添加内联css样式"background-image:none“。但是，当我调用：将生成以下内联样式(并尝试解析url "none")：
浏览 3提问于2010-03-28得票数 4
回答已采纳
我计划使用ImageResizer来动态调整图像的大小。这些图像将存储在Azure blob上，并通过CDN访问。目前，文件路径是内联的，并且是css：
.backgroundImage { url('/images/somebgimage.jpg&#x
浏览 0提问于2015-09-21得票数 1
3回答
使用Twitter Bootstrap，我意识到在默认情况下，它会相应地缩放图像。这很棒，但并不总是完美的。例如，我在桌面上有一个500x300图像，然后它为移动设备调整了图像的大小，图像将变得非常小，不是很高，丢失了图像的大部分细节部分。我已经看到其他站点实际上不会对图像进行过多缩放，而是使用父div对图像进行排序mask。(就是一个很好的例子
浏览 0提问于2013-07-11得票数 9
3回答
我有一个空的div列表，并动态地插入一个背景图像-所以一开始，它们的background- image : url()；属性是完全空的。通过一些事件，它的背景图像url加载到之前空的background-image: url()；标记中。出现的背景图像的url暂时存储
浏览 1提问于2010-02-23得票数 1
回答已采纳
8回答
我正在尝试使用以下代码通过CSS设置页面的背景图像，但没有图像显示。图像将在页面上平铺，大小仅为10x10px。尽管如此，它仍然没有出现。你能告诉我我哪里做错了吗？<body></body>
background-image: url("img/ba
浏览 3提问于2011-09-07得票数 2
回答已采纳
在WP主题开发过程中，我现在有两种加载图像的方法：
1-我将图像存储在repo中的一个文件夹中，并将其作为背景图像加载，在CSS /内联CSS中静态地定义它。2-我将图像存储在WordPress媒体库中，将其上传到高级自定义字段<
浏览 7提问于2019-10-01得票数 0
回答已采纳
1回答
我正在通过C#以编程方式创建一个图像，我想知道如何使用这个创建的图像作为div的背景。为了更好地解释它，这里有一个例子： {这给了我可以使用的图像，现在我该如何将该图像设置为div的</
浏览 2提问于2018-05-31得票数 0
指定img标签的src时，必须将相对路径转换为绝对路径吗？请张贴示例，并说明为什么不使用runat=“服务器”
浏览 2提问于2009-11-18得票数 0
回答已采纳
1回答
在我的gwt应用程序中，我得到了一个包含一些图像的树。可以通过拖放将这些图像复制到面板上。现在我想让它们在这个面板中可调整大小。当我用一个具体的图像路径来测试我的css代码的时候，“背景-图像”和“背景-大小:封面”都能工作！我的问题是，我不能为css设置一个具体的url，因
浏览 2提问于2016-04-09得票数 0
4回答
我的程序集中嵌入了一个CSS文件。我需要设置使用此CSS文件的某些元素的背景图像，该图像也需要是一个嵌入式资源。这个是可能的吗？有没有什么方法可以让我可靠地做到这一点？当我把一个现有的样式表放到这个dll中时，我遇到了这个问题，然后意识到图像没有显示出来。不过，我不知道有什么方法可以让它工作，因为我需要知道嵌入图像的URL。
有
浏览 0提问于2009-07-28得票数 33
回答已采纳
2回答
我正在尝试自己在.net.I中的新东西，我想将图像url存储在数据库中，并在网格视图中动态检索它。我尝试过使用blob.But，我不想将图像存储在数据库中，而只是我发现的urls.Some解决方案，我们可以在网格视图中使用模板字段，并以某种方式使用绑定function.Also。我可以将所有图像</em
浏览 0提问于2013-03-29得票数 0
也有类似的问题，但我认为这是针对<img>标签的。我不太确定background-image是否也是这样。我正在做一个响应式的网站，我的问题是，如果通过手机访问(或者如果它的窗口宽度很小)，我不希望加载图像。如果图像只是在使用@media的情况下使用display: none;应用，我认为如果无论如何都加载图像，无论它是否显示在手机上，都会浪费时间和资源。我需要
浏览 0提问于2012-10-06得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
