于如何實(shí)現(xiàn)數(shù)據(jù)庫(kù)中的圖片在頁(yè)面中顯示的問(wèn)題，我經(jīng)過(guò)試驗(yàn)和查證，終于有結(jié)果了！首先需要說(shuō)明下：無(wú)論你數(shù)據(jù)庫(kù)建在哪里的，只要你引用的圖片位置必須放在項(xiàng)目下的文件夾中(假設(shè)項(xiàng)目存放圖片的文件夾為images)，比如：數(shù)據(jù)庫(kù)中的“image”項(xiàng) 設(shè)置為nvarchar,在添加數(shù)據(jù)時(shí)，image屬性的數(shù)據(jù)填寫路徑為：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 的摘要說(shuō)明
/// </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為數(shù)據(jù)庫(kù)中的表
DataSet ds = new DataSet();
sda.Fill(ds);
return ds;
}
}
完成了初始化數(shù)據(jù)庫(kù)連接后，在Default.aspx后臺(tái)代碼Default.aspx.cs中實(shí)例化：
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();
}
}
|
