Display images in DataList control

Question

Normal 0 false false false EN-US X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable{mso-style-name:'Table Normal';mso-tstyle-rowband-size:0;mso-tstyle-colband-size:0;mso-style-noshow:yes;mso-style-priority:99;mso-style-qformat:yes;mso-style-parent:'';mso-padding-alt:0in 5.4pt 0in 5.4pt;mso-para-margin-top:0in;mso-para-margin-right:0in;mso-para-margin-bottom:10.0pt;mso-para-margin-left:0in;line-height:115%;mso-pagination:widow-orphan;font-size:11.0pt;font-family:'Calibri','sans-serif';mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;} Hi, How to Display images in DataList control in asp.net.

Satyapriya Nayak · Answer

Hi Legolas, If this post helps you mark it as answer Thanks

Satyapriya Nayak · Answer

Hi Legolas, Here is your desired code.Also see the attachments. Normal 0 First create a table student Create table student (sid varchar(50),sname varchar(50), saddress varchar(50), smarks int,pic varchar (50)) Store the picture in the program folder and save there name in pic column of the table with there extension like (.gif,.jpg,.bmp) Default.aspx code @ Page Language ="VB" AutoEventWireup ="false" CodeFile ="Default.aspx.vb" 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 > Untitled Page title > head > body > form id ="form1" runat ="server"> div > div > asp : DataList ID ="DataList1" runat ="server"> FooterStyle BackColor ="#FFCC00" ForeColor ="#FF3300" /> EditItemStyle BackColor ="#FF8080" /> AlternatingItemStyle BackColor ="#FFFF99" /> HeaderTemplate > center > b > Student Details b > center > HeaderTemplate > ItemTemplate > table border ="1"> tr > th > sid th > th > sname th > th > saddress th > th > smarks th > th > pic th > tr > tr > td > # Container.DataItem( "sid" ) %> td > td > # Container.DataItem( "sname" ) %> td > td > # Container.DataItem( "saddress" ) %> td > td > # Container.DataItem( "smarks" ) %> td > td > asp : Image ID ="Image1" ImageUrl =' #container.dataitem("pic") %> ' runat ="server" /> td > tr > table > ItemTemplate > asp : DataList > form > body > html > Default.aspx.vb code Imports System.Data.SqlClient Imports System.Data Partial Class _Default Inherits System.Web.UI.Page Dim strConnString As String = System.Configuration.ConfigurationManager.ConnectionStrings.Item( "ConnectionString" ).ToString() Dim con As New SqlConnection(strConnString) Dim com As SqlCommand Dim str As String Protected Sub Page_Load( ByVal sender As Object , ByVal e As System.EventArgs) Handles Me .Load If Not IsPostBack Then con.Open() Str = "select * from student" com = New SqlCommand(Str, con) Dim reader As SqlDataReader reader = com.ExecuteReader DataList1.DataSource = reader DataList1.DataBind() reader.Close() con.Close() End If End Sub End Class Thanks If this post helps you mark it as answer

vijay · Answer

hi.. Refer the below link....... http://www.dotnetcode.in/Howtoshowslideshowimagesusing%20Datalis%20ControlinASP.NET

Rohatash Kumar · Answer

Hi, see this link: http://www.devasp.net/net/articles/display/264.html

Display images in DataList control

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)