how to show images from different folders into datalist

Question

0.00/5 (No votes)

See more:

I have an images folder in which i have 3 different. I want to images from those three folder into datalist how can i do that.
At present i am showing images present only in image folder using this code:

C#

<asp:DataList ID="dlImages" runat="server" RepeatColumns="3" CellPadding="3" 
                    style="margin-left: 0px">
<ItemTemplate>
<a id="imageLink" href='<%# Eval("ImageName","~/Images/{0}") %>' title='<%#Eval("Description") %>' rel="lightbox[Brussels]"  runat="server" >
<asp:Image ID="Image1" ImageUrl='<%# Bind("ImageName", "~/Images/{0}") %>' runat="server" Width="100" Height="100" />
</a> 
</ItemTemplate>
<ItemStyle BorderColor="Brown" BorderStyle="dotted" BorderWidth="3px" HorizontalAlign="Center" VerticalAlign="Bottom" />
</asp:DataList>

Now i want to show images in that datalist from three different folder how can i do that
Thanks in advance

Posted 18-Jun-13 22:45pm

amitesh1989

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

lukeer · Answer 1 · 2013-06-18T22:54:00

Solution 1

Change

C#

href='<%# Eval("ImageName","~/Images/{0}") %>'

Into

C#

href='<%# Eval("ImageName","~/{0}") %>'

and store the folder name in the variable you insert for {0}.

Posted 18-Jun-13 22:54pm

lukeer

Comments

amitesh1989 19-Jun-13 4:57am

didn't get your point -Store folder name in the variable

lukeer 19-Jun-13 5:24am

You have here "~/Images/", which supposedly is the image folder. After that, there is a "{0}" which will be replaced with the image file name.
The image file name should be accessible through a variable.

Provide the image path including folder and filename in that variable and substitute the hard coded folder.

amitesh1989 19-Jun-13 5:01am

the think is that first i used to store images in images folder now i create different folder automatically on click event of button and now i want show those images from which present in different folder into my datalist and i have some javascript on it to popup that image and show details of it so there will be x number of folder in images folder

amitesh1989 19-Jun-13 5:54am

suppose if i dont want to hard code that image path because their are x number of folder so how to put path of all the sub-folder of image folder into it. Is their any way to that

Bajirao_ 19-Jun-13 6:48am

I think you can use "ItemDataBound" event.
Get the "ImageName" and search it in current & subfolders.
Then accordingly bind url's for both controls.

<asp:DataList ID="dlImages" runat="server" RepeatColumns="3" CellPadding="3"
Style="margin-left: 0px" ondatabinding="dlImages_DataBinding"
onitemdatabound="dlImages_ItemDataBound">

Object objImageLink = e.Item.FindControl("imageLink");
if (objImageLink != null)
{
HtmlAnchor anchor = objImageLink as HtmlAnchor;
anchor.HRef = filepath;
anchor.DataBind();
}

amitesh1989 19-Jun-13 7:59am

Prasad tell me where should i use object objimage link on item databound or on databinding

Bajirao_ 19-Jun-13 9:04am

use ItemDataBound.

amitesh1989 19-Jun-13 9:22am

can you tell me how i can place the whole code prasad it will be a great help

Bajirao_ · Answer 2 · 2013-06-19T04:50:00

Quote:
// Amitesh, This is the working POC.
// As i did my best for you.

// Folders: ~/Image, ~/Image/Pictures, ~/Image/Snaps
// Each one has one image file.

// Mark it as ans, if you success in what you want.

ASP.NET

<asp:datalist id="dlImages" runat="server" repeatcolumns="3" cellpadding="3" xmlns:asp="#unknown">
        Style="margin-left: 0px"  
        onitemdatabound="dlImages_ItemDataBound">
        <itemtemplate>
            <a id="imageLink">
                rel="lightbox[Brussels]" runat="server">
                <img id="Image1"  runat="server" />
            </a>
        </itemtemplate>
        <itemstyle bordercolor="Brown" borderstyle="dotted" borderwidth="3px" horizontalalign="Center">
            VerticalAlign="Bottom" />
    </itemstyle></asp:datalist>

public partial class _Default : System.Web.UI.Page
    {
        DataTable resultTable;

        protected void Page_Load(object sender, EventArgs e) 
        {
            // Dummy data
            resultTable = new DataTable();

            resultTable.Columns.Add("ImageName");
            resultTable.Columns.Add("Description");
            resultTable.Columns.Add("ID");

            DataRow dr = resultTable.NewRow();
            dr["ID"] = 1;
            dr["Description"] = "Description 1";
            dr["ImageName"] = "Sharepoint-2010-powered-by-itgroove.jpg";
            resultTable.Rows.Add(dr);

            dr = resultTable.NewRow();
            dr["ID"] = 2;
            dr["Description"] = "Description 2";
            dr["ImageName"] = "nature_6.jpg";
            resultTable.Rows.Add(dr);

            dr = resultTable.NewRow();
            dr["ID"] = 3;
            dr["Description"] = "Description 3";
            dr["ImageName"] = "werkzoekende.png";
            resultTable.Rows.Add(dr);

            dlImages.DataSource = resultTable;
            dlImages.DataBind();

        }

        protected void dlImages_ItemDataBound(object sender, DataListItemEventArgs e)
        {
            
            string filepath = GetImagePath(Convert.ToString(resultTable.Rows[e.Item.ItemIndex]["ImageName"]));
                // set anchor tag
                Object objImageLink = e.Item.FindControl("imageLink");
                if (objImageLink != null)
                {
                    HtmlAnchor anchor = objImageLink as HtmlAnchor;
                    anchor.HRef = filepath;
                    anchor.DataBind();
                }

                // set image control
                Object objImage = e.Item.FindControl("Image1");
                if (objImage != null)
                {
                    HtmlImage img = objImage as HtmlImage;
                    img.Src = filepath;
                    img.Width = 100;
                    img.Height = 100;
                    img.DataBind();
                }
            
        }
       // To get image path
        public string GetImagePath(string imgName)
        {
            string imgFolderPath = Server.MapPath("~/Images");  
            string[] seprator = {"Images"}; 
            string filepath = string.Empty;

            var file = Directory.GetFiles(imgFolderPath, imgName, SearchOption.AllDirectories).FirstOrDefault();
            if (file == null)
            {
                // Handle the file not being found
            }
            else
            {
               filepath = "~/Images" + file.Split(seprator, StringSplitOptions.None)[1];
               filepath = filepath.Replace("\\", "/");
            }

            return filepath;
        }
    }