html – 如果源不存在,如何显示默认图像

发布时间：2020-12-14 18:51:16 所属栏目：资源来源：网络整理

导读：myasp.net MVC Web应用程序中有以下代码： a href="~/Content/uploads/@(item.ID).png"img class="thumbnailimag" src="~/Content/uploads/@(item.ID).png" //a @Html.ActionLink(item.Name,"Details","DataCenter",new{id = item.ID},null) 和以下CSS： .th

myasp.net MVC Web应用程序中有以下代码：

<a href="~/Content/uploads/@(item.ID).png"><img class="thumbnailimag" src="~/Content/uploads/@(item.ID).png"  /></a>   @Html.ActionLink(item.Name,"Details","DataCenter",new{id = item.ID},null)

和以下CSS：

.thumbnailimag {
    width:30px;
    height:30px;
    border:thin blue;
    background-image:url("/Content/uploads/virtual-data-center.jpg");
}

但是,如果图像不存在,每个保镖将对待它不同.我设置了一个背景图像,但仍然在IE上将在默认图像上显示“X”,如下所示：

如果src不存在,有没有办法显示默认图像？

解决方法

处理这个服务器端的情况要好得多：

public static class HtmlHelperExtensions
{
    public static string ImageOrDefault(this HtmlHelper helper,string filename)
    {
        var imagePath = uploadsDirectory + filename + ".png";
        var imageSrc = File.Exists(HttpContext.Current.Server.MapPath(imagePath))
                           ? imagePath : defaultImage;

        return imageSrc;
    }

    private static string defaultImage = "/Content/DefaultImage.png";
    private static string uploadsDirectory = "/Content/uploads/";
}

那么你的看法被简化为：

<img src="@Html.ImageOrDefault(item.ID)" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!