ASP.NET中Image控件使用详解

Image控件又称图像控件，主要用来显示用户的图片或图像信息。

一、属性

表1 Image控件常用属性及说明

属性 说明
ID 控件ID
ImageAlign 获取或设置Image控件相对于网页上其他元素的对齐方式
ImageUrl 获取或设置在Image控件中显示的图像的位置
Width 控件的宽度
Visible 控件是否可见
CssClass 控件呈现的样式
BackColor 控件的背景颜色
Enabled 控件是否可用

Image控件的大部分属性和Label控件类似，在此主要讲解一下其ImageUrl属性设置。

ImageUrl属性用来获取Image控件中要显示图像的地址，在设置该属性时，单击ImageUrl属性文本框后面的图标按钮，弹出一个如图1所示的“选择图像”对话框，用户可以选择要显示的图像。

图1  “选择图像”对话框

二、方法

Image控件常用方法同Label控件类似，具体请参见Label控件常用方法。这里主要介绍一下该控件的ResolveUrl方法，ResolveUrl方法主要用来将URL转换为在请求客户端可用的URL。

例如，要使用ResolveUrl方法设置一个Image控件的链接图像路径，可以编写如下代码。

代码如下:

Image1.ImageUrl = ResolveUrl(~/image/Image1.gif);

三、事件

Image控件常用事件同Label控件类似，具体请参见Label控件常用事件。

四、示例

示例：

Image控件示例

下面示例主要通过设置Image控件的ImageUrl属性在该控件上显示链接图片。新建一个网站，默认主页为Default.aspx，在Default.aspx页面上添加一个Image控件，其属性设置如表2所示。

表2 Image控件属性设置

属性名称 属性值
ID ImageUrl
ImageUrl ~/image/Image1.gif（链接图片）
ImageAlign Middle（居中对齐）

执行程序，示例运行结果如图2所示。

图2  Image控件示例

程序完整代码如下：

Default.aspx.cs代码文件

代码如下:

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
 
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
 
    }
}

Default.aspx 设计文件

代码如下:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Image控件示例</title>
</head>
<body>
 
    <form id="form1" runat="server">
    <div>
        <asp:Image ID="Image1" runat="server" Height="177px" ImageAlign="Middle"
             ImageUrl="~/image/Image1.gif" Width="121px" />
    </div>
    </form>
 
</body>
</html>

五、扩展

Image控件当没有图片时,显示"红色的X" 不够友好,可以设置其AlternateText属性,也可以显示指定的图片

1.普通显示

代码如下:

string str ="~/img/"+int.Parse(TextBox1.Text)+".gif";
 
if (!File.Exists(Server.MapPath(str)))//不存在时显示nophoto.gif
{
    Image1.ImageUrl = "~/img/nophoto.gif";
    //Response.Write("bucunzai");
}
else//有的时候显示
{
    Image1.ImageUrl = str;
    //Response.Write("cunzai");
}

2.还有一种可能是从数据库中读取二进制的图片时(红色部分需要从数据库中读取)

代码如下:

byte [] b=....;//从数据库中读取
 
if (b == null || b.Length == 0)
{
    //当没有图片数据时显示默认的图片nophoto.gif
    FileStream fs = new FileStream(Server.MapPath("~/Management/Images/nophoto.gif"), FileMode.Open, FileAccess.Read);
    byte[] mydata = new byte[fs.Length];
    int Length = Convert.ToInt32(fs.Length);
    fs.Read(mydata, 0, Length);
    fs.Close();
    this.Response.OutputStream.Write(mydata, 0, Length);
    this.Response.End();
}
else
{
    Response.ContentType = ...;//从数据库中读取图片的后缀名
    Response.OutputStream.Write(b, 0, b.Length);
}

赞 (0)

相关推荐

  • ASP.NET中ImageButton图片按钮控件的使用

    ImageButton 说白了,就是一个能显示图片的按钮,用法和Button基本一致,无非就是点击之后触发事件,只是比Button展现更丰富一些. 一.常见 ImageButton 属性 属性 描述 ImageUrl 在 ImageButton 控件中显示的图像的路径. ToolTip 提示的文本. AlternateText 图像无法显示时显示的文本. 二.ImageButton实例演示 前台代码 ImageButton.aspx 复制代码 代码如下: <%@ Page Language=&quo

  • ASP.NET Substitution 控件的使用方法

    在某些情况下,可能要缓存 ASP.NET 页,但需根据每个请求更新页上选定的部分.例如,您可能要缓存某页的很大一部分,但需要动态更新该页上的与时间高度相关的信息. 可以使用 Substitution 控件将动态内容插入到缓存页中.Substitution 控件不会呈现任何标记.您需要将该控件绑定到页上或父用户控件上的方法中.您要自行创建静态方法,以返回要插入到页中的任何信息.由 Substitution 控件调用的方法必须符合下面的标准: 此方法被定义为静态方法(在 Visual Basic 中

  • ASP.NET中FileUpload文件上传控件应用实例

    使用 FileUpload 控件,可以为用户提供一种将文件从用户的计算机发送到服务器的方法.该控件在允许用户上载图片.文本文件或其他文件时很有用.要上载的文件将在回发期间作为浏览器请求的一部分提交给服务器.在文件上载完毕后,您可以用代码管理该文件. 大致了解了一下FileUpload,让我们来看一下FileUpload几个实际应用中问题的处理方法. 1.一次上传多个文件 要一次上传多个文件,我们可以像传单个文件那样对每个文件单独进行处理,除此之外,我们还可以使用HttpFileCollectio

  • ASP.NET中Validation验证控件正则表达式特殊符号的说明

    RegularExpressionValidator控件表达式说明: 方括号"[ ]"用与定义可接受的字符.[abc123] 表示控件只能接受 a,b,c,1,2,3 这6个字符: 反集合符号 " ^ "用于定义不可以接受的字符.[^a-h] 表示控件除了 a 到 h 8个字符外,都可以接受: 花括号"{ }"定义必须输入的字符个数.{6}表示只能输入6个字符 : {6,}表示必须输入6个以上,无上限 : {2,6} 表示必须输入2至6个字符:但

  • ASP.NET中HyperLink超链接控件的使用方法

    HyperLink(超链接) 作用:负责页面之间的导航 属性 值 作用 NavigateUrl url 将要跳转的页面地址(url) Font-Underline False 去除超链接下划线 一.HyperLink控件的基础使用 用到最多的无非就是NavigateUrl,既然是超链接,总得有个链接地址,下面看具体用法: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile=&quo

  • ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

    ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

    ASP.NET Framework包含三个用于向服务器端提交表单的控件:Button.LinkButton和ImageButton.这三个控件拥有同样的功能,但每种控件的外观界面不同. 本文就带着大家学习如何在页面中使用这三种控件.然后,学习如何关联客户端脚本和服务器端Button控件,以及如何使用Button控件把一个表单传到不是当前页的页面.最后,学习如何处理Button控件的Command事件. 一.使用Button控件 Button控件用来向服务器端提交表单的按钮.例如,代码清单1中的页

  • ASP.NET中CheckBoxList复选框列表控件详细使用方法

    可以使用两种类型的 ASP.NET 控件将复选框添加到 Web 窗体页上:单独的 CheckBox 控件或 CheckBoxList 控件.两种控件都为用户提供了一种输入布尔型数据(真或假.是或否)的方法. 本文主要介绍CheckBoxList,不言而喻,看到List就知道是一个列表(集合),一个控件可以包含多个CheckBox,下面让我们来看看具体的用法. 1.绑定数据 复制代码 代码如下: this.lngCatalogID.DataSource = dt; //这里我绑到DataTable

  • ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法

    DropDownList Web 服务器控件使用户能够从预定义的列表中选择一项.它与 ListBox Web 服务器控件的不同之处在于,其项列表在用户单击下拉按钮之前一直处于隐藏状态.另外,DropDownList 控件与 ListBox 控件的不同之处还在于它不支持多重选择模式. DropDownList在html中的呈现对应的是select,下面让我们来看一下DropDownList绑定数据的几种方法. 一.把Array数组绑到DropDownList 复制代码 代码如下: string[]

  • ASP.net Substitution 页面缓存而部分不缓存的实现方法

    文件1:Deafault.aspx 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ outputcache duration="10" varybyparam="none" %> <!-

  • ASP.NET中HiddenField隐藏域控件的使用方法

    HiddenField控件的作用简单的说是用于存储需要在向服务器的发送间保持的值.它作为 <input type= "hidden"/> 元素呈现,并且通过添加runat="server"就可以使它成为标准的HTML服务器控件.下面列出的是ASP.NET HiddenField Web服务器控件可以使用的属性和事件. 复制代码 代码如下: <asp:HiddenField     EnableTheming="True|False&quo

随机推荐