ASP.NET DataList绑定二进制图片

最新推荐文章于 2015-01-06 09:02:00 发布

LeoHaiTao

最新推荐文章于 2015-01-06 09:02:00 发布

阅读量3.3k

点赞数 3

分类专栏： ASP.NET

本文链接：https://blog.csdn.net/haitaoDoit/article/details/8478877

版权

ASP.NET 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

最近做项目遇到把图片以二进制形式存入到数据库，然后再读取到DataList中的问题，写了个小例子，把代码粘过来了

也可

点此下载源码和数据库

WebForm1.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="前台显示二进制图片.WebForm1" %>

<!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></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        <asp:FileUpload ID="FileUpload1" runat="server" />
        <br />
           
        <asp:Button ID="Button1" runat="server" Text="保存" οnclick="Button1_Click"
            Height="28px" Width="88px" />
     <br />
   
         </div>
    <div>
        <asp:DataList ID="DataList1" runat="server" Width="423px">
        <ItemTemplate>
            <table class="style1">
                <tr>
                    <td>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("id") %>'></asp:Label>
                    </td>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text='<%#Eval("name") %>'></asp:Label>
                    </td>
                    <td>
                      <asp:Image ID="imgshow" Width="130px" Height="200px" runat="server" ImageUrl='<%#"WebForm2.aspx?id="+Eval("id")+""%>' />
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        </asp:DataList>
    </div>
    </form>
</body>
</html>

WebForm1.aspx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;
using System.Configuration;
using System.IO;

namespace 前台显示二进制图片
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                GetData();
            }
        }
        string sqlstr=ConfigurationManager.ConnectionStrings["sqlstr"].ConnectionString;
        protected void Button1_Click(object sender, EventArgs e)
        {
            HttpPostedFile htp = this.FileUpload1.PostedFile;
            Stream srm = htp.InputStream;
            int len = FileUpload1.PostedFile.ContentLength;
            byte[] image = new byte[len];
            string filetype = Path.GetExtension(this.FileUpload1.FileName).ToString().ToLower();//获取图片后缀，并且转换成小写
            if (filetype!=".png" && filetype!=".jpg" && filetype!=".bmp" && filetype!=".gif" && filetype!=".jpeg")
            {
                Response.Write("请上传图片");
                return;
            }
            else if(len>2*1024*1024)
            {
                Response.Write("上传图片超过2M");
                return;
            }
            using (SqlConnection sqlcnn=new SqlConnection(sqlstr))
            {
                using (SqlCommand sqlcmm=sqlcnn.CreateCommand())
                {
                    sqlcmm.CommandText = "insert into ImageInfo(name,img) values(@name,@img)";
                    sqlcnn.Open();
                    sqlcmm.Parameters.AddWithValue("@name", this.TextBox1.Text);
                    srm.Read(image,0,len);
                    sqlcmm.Parameters.AddWithValue("@img",image);
                   int i= sqlcmm.ExecuteNonQuery();
                   if (i > 0)
                   {
                       Response.Write("成功");
                       GetData();
                   }
                   else
                   {
                       Response.Write("失败");
                   }
                }
            }
        }

        private void GetData()
        {
            using (SqlConnection sqlcnn=new SqlConnection(sqlstr))
            {
                using (SqlCommand sqlcmm=sqlcnn.CreateCommand())
                {
                    sqlcmm.CommandText = "select * from ImageInfo";
                    SqlDataAdapter adapter = new SqlDataAdapter(sqlcmm);
                    DataTable dt = new DataTable();
                    adapter.Fill(dt);
                    this.DataList1.DataSource = dt;
                    this.DataList1.DataBind();
                }
            }
        }
    }
}

WebForm2.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;

namespace 前台显示二进制图片
{
    public partial class WebForm2 : System.Web.UI.Page
    {
        string sqlstr=ConfigurationManager.ConnectionStrings["sqlstr"].ConnectionString;
        protected void Page_Load(object sender, EventArgs e)
        {
            int id=Convert.ToInt32(Request.QueryString["id"]);
            using (SqlConnection sqlcnn=new SqlConnection(sqlstr))
            {
                using (SqlCommand sqlcmm=sqlcnn.CreateCommand())
                {
                    sqlcmm.CommandText = "select img from ImageInfo where id=@id";
                    sqlcmm.Parameters.AddWithValue("@id",id);
                    sqlcnn.Open();
                    SqlDataReader reader = sqlcmm.ExecuteReader();
                    if (reader!=null)
                    {
                        reader.Read();
                        byte[] photo = null;
                        if (reader[0] != null)
                        {
                            photo = (byte[])reader[0];
                        }
                        Response.ContentType = "image/jpeg";
                        Response.BinaryWrite(photo);
                        Response.End();
                    }
                }
            }
        }
    }
}