C# iframe和图像容器代码改进MVC5
作为我第一个项目的一部分,我必须使用MVC5实现视图中的图像和视频显示。它正在工作,我对所取得的成绩感到非常满意,但是还需要进行一些改进,您建议如何改进以下代码: 要显示图片,我使用以下代码:C# iframe和图像容器代码改进MVC5,c#,asp.net-mvc-5,C#,Asp.net Mvc 5,作为我第一个项目的一部分,我必须使用MVC5实现视图中的图像和视频显示。它正在工作,我对所取得的成绩感到非常满意,但是还需要进行一些改进,您建议如何改进以下代码: 要显示图片,我使用以下代码: <div style="float: none; margin: auto auto 30px auto ;height: 280px; width: 400px; "> <div id="imageContainer"> <img src="~/I
<div style="float: none; margin: auto auto 30px auto ;height: 280px; width: 400px; ">
<div id="imageContainer">
<img src="~/Images/@Html.Raw(Model.ImagePath)" />
</div>
</div>
如果我提供视频链接-它工作正常,如果我没有,我有一个容器显示错误。如果没有输入,有没有办法简单地隐藏这些容器
我将向你展示我如何在一个类媒体中设置所有内容
更新
这就是我认为使用Sam的建议应该是什么样子,对吗?如果是这样,它仍然没有给出正确的结果
@if (!string.IsNullOrEmpty(b.ImagePath))
{
}
else
{
<div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
<div id="imageContainer">
<img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
</div>
</div>
}
@如果!string.IsNullOrEmptymodel.property很有希望,谢谢!但它是去看的吗?控制器?我是ASP的初学者。Netit的前缀是@。这很有帮助,谢谢!是的,这种方式很有魅力。谢谢你的帮助。
public class Media
{
public int Id { get; set; }
public string title { get; set; }
[Required, StringLength(512)]
public string description { get; set; }
[Required]
[AllowHtml]
public string body { get; set; }
public string ImagePath { get; set; }
public string VideoLink { get; set; }
public string Source { get; set; }
public TagsEnum TagsEnum { get; set; }
[Column(TypeName = "datetime2")]
[DisplayFormat(DataFormatString = "{0:dd MMMM , yyyy HH:mm}", ApplyFormatInEditMode = true)]
public DateTime? NewsDate { get; set; }
}
@if (!string.IsNullOrEmpty(b.ImagePath))
{
}
else
{
<div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
<div id="imageContainer">
<img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
</div>
</div>
}
@if (!string.IsNullOrEmpty(b.ImagePath)) {
@<div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
<div id="imageContainer">
<img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
</div>
</div>
}