时间戳

首页 > 解决方案 > 如何在图像控件中显示图像的原始大小

c# - 如何在图像控件中显示图像的原始大小

问题描述

在此处输入图像描述我尝试将 CSS 高度设置为自动，但是，图像没有显示，所以我不得不设置一个固定高度。我尝试了调整大小模式，但也没有用。我尝试添加“img-responsive”，但也没有用。

CSS

.imgFile {
 width: 100%;
 max-width: 100%;
 height: 100px;
 max-height:100%;
 margin-left: 7px;
 margin-right: 0px;
 margin-top: 5px;
 margin-bottom: 1px;
 background-repeat: no-repeat;
 background-color: white;
 background-size: 100%, 100%;
}

ASP.NET

   System.Web.UI.WebControls.Image image = new 
    System.Web.UI.WebControls.Image();
        image.ID = file.Name + file.Oid;
        image.Attributes.Add("class", "imgFile");
        image.Attributes.Add("class", "img-responsive");
        image.Style.Add("background-image", "'LogoHeaderHandler.axd?f=" 
    + file.Oid + "&" + DateTime.Now.ToFileTime() + "'");

标签： c#cssasp.net

解决方案

看起来你有2个问题。

1) Attributes.Add 正在根据您当前的代码清除您的 imgFile 类。如果两者都需要，则必须将它们添加到一行中，如下所示：

 image.Attributes.Add("class", "imgFile img-responsive");
 //image.Attributes.Add("class", "img-responsive");

2) 你的 CSS 有以下内容： background-size: 100%, 100%; 这需要删除以保留图像的“原始”大小，否则会拉伸图像。

您拥有的其余代码似乎给了我您正在寻找的结果（*授予您的处理程序按预期工作......我没有在我的测试中模拟这部分）。

推荐阅读