alonemm
شنبه 24 تیر 1391, 12:17 عصر
باسلام:
خوب در قالب 1 یک پروژه جلو میریم.
این صفحه اصلی ما برای نمایش رکوردهامون هست:
<asp:GridView ID="GridView1" runat="server" EnableViewState="false"
AutoGenerateColumns="false">
<Columns>
<asp:BoundField HeaderText="AutoId" DataField="AutoId" />
<asp:BoundField HeaderText="File Name" DataField="FileName" />
<asp:TemplateField HeaderText="File">
<ItemTemplate>
<img src="ShowImage.ashx?autoId=<%# Eval("AutoId") %>" alt="<%#
Eval("FileName") %>" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="IsActive">
<ItemTemplate>
<%# Eval("Active").ToString().Equals("True") ? "Yes" : "No" %>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
و در CODE BEHIND (فایل CS مربوط به وب فرم):
string _connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindFiles();
}
}
/// <summary>
/// Binds the files.
/// </summary>
private void BindFiles()
{
DataTable table = new DataTable();
// get the connection
using (SqlConnection conn = new SqlConnection(_connStr))
{
// write the sql statement to execute
string sql = "SELECT AutoId, FileName, FileContent, Active FROM Files Order
By AutoID ASC";
// instantiate the command object to fire
using (SqlCommand cmd = new SqlCommand(sql, conn))
{
// get the adapter object and attach the command object to it
using (SqlDataAdapter ad = new SqlDataAdapter(cmd))
{
// fire Fill method to fetch the data and fill into DataTable
ad.Fill(table);
}
// DataAdapter doesn't need open connection, it takes care of opening and
closing the database connection
}
}
GridView1.DataSource = table;
GridView1.DataBind();
}
و از یک فایل هندلر برای واکشی عکس ها از پایگاه داده و نمایش اون استفاده میکنیم: (ShowImage.ashx)
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
public class ShowImage : IHttpHandler {
public void ProcessRequest (HttpContext context)
{
if (context.Request.QueryString["autoId"] == null) return;
string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ToString();
string autoId = context.Request.QueryString["autoId"];
using (SqlConnection conn = new SqlConnection(connStr))
{
using (SqlCommand cmd = new SqlCommand("SELECT FileContent FROM Files WHERE
AutoID = @autoId", conn))
{
cmd.Parameters.Add(new SqlParameter("@autoId", autoId));
conn.Open();
using (SqlDataReader reader =
cmd.ExecuteReader(CommandBehavior.CloseConnection) )
{
reader.Read();
context.Response.BinaryWrite((Byte[])reader[reader.GetOrdinal("FileContent")]);
reader.Close();
}
}
}
}
public bool IsReusable {
get {
return true;
}
}
}
از پروژه خودتون لذت ببرید...!
http://www.dotnetfunda.com/UserFiles/ArticlesFiles/Sheonarayan_7755_2.JPG
دقت داشته باشید که کنترل Image توسط کد :
src="ShowImage.ashx?autoId=<%# Eval("AutoId") %>"
به هندلر مربوطه وصل شده و با ارسال AutoId عکس رو از پایگاه داده واکشی کرده و به نمایش در میاره.