如何實現數據庫中的圖片在頁面中顯示

關於如何實現數據庫中的圖片在頁面中顯示的問題,我經過試驗和查證,終於有結果了!首先需要說明下:無論你數據庫建在哪裏的,只要你引用的圖片位置必須放在項目下的文件夾中(假設項目存放圖片的文件夾爲images),比如:數據庫中的“image”項 設置爲nvarchar,在添加數據時,image屬性的數據填寫路徑爲:images/1.jpg。
<asp:DataList ID="DataList1" runat="server" RepeatColumns="6" RepeatDirection="Horizontal">
       <ItemTemplate>
       <table border="0">
        <tr>
         <td>
         <img src='<%#DataBinder.Eval(Container.DataItem,"Product_image") %>' border="0" height="97" width="135" />
         </td>
         </tr>
        </table>
        </ItemTemplate>
</asp:DataList>

img src='<%#DataBinder.Eval(Container.DataItem,"Product_image") %>‘綁定圖片。建立DBConn.cs,代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;
using System.Configuration;
using System.Data;
/// <summary>
///DBConn 的摘要說明
/// </summary>
public class DBConn
{
    private String StrConn = string.Empty;
    private SqlConnection con;
	public DBConn()
	{
        GetConn();
	}

    private SqlConnection GetConn()
    {
        StrConn = ConfigurationManager.ConnectionStrings["DBProductConn"].ConnectionString;//連接字符串爲DBProductConn
        con = new SqlConnection(StrConn);
        return con;
    }
    public DataSet Getds()
    { 
        SqlConnection con =GetConn();
        SqlDataAdapter sda = new SqlDataAdapter("select * from tb_Product", con);//tb_Product爲數據庫中的表
        DataSet ds = new DataSet();
        sda.Fill(ds);
        return ds;
    }
}


完成了初始化數據庫連接後,在Default.aspx後臺代碼Default.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;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            DataBindDS();
        }
    }
    private void DataBindDS()
    {
        DBConn DB = new DBConn();
        DataSet ds = DB.Getds();
        DataList1.DataSource = ds.Tables[0].DefaultView;
        DataList1.DataBind();
    }
}


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章