极乐门资源网

ASP.NET中Image控件使用详解
网络编程 2025/1/24 佚名
2 0
极乐门资源网 Design By www.ioogu.com

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

一、属性

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

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

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

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

ASP.NET中Image控件使用详解

图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所示。

ASP.NET中Image控件使用详解

图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);
}

标签：
ASP.NET,Image
极乐门资源网 Design By www.ioogu.com
极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
极乐门资源网 Design By www.ioogu.com

评论“ASP.NET中Image控件使用详解”

暂无ASP.NET中Image控件使用详解的评论...
www.ioogu.com 极乐门资源网
139,976影音资源
144,792福利资源
21,817软件资源
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
极乐门资源网 Design By www.ioogu.com