welcome to XRM blog

Keep in touch with latest CRM/ERP articles

To remain competitive your organisation must be efficient across the business process spectrum. To do so you need to take sound decisions based on a balance between the cost and risk. To do so you will be heavily dependent on your content management in itself needs...

image
Blog

Store images and show in a album using upload and repeater command in ASP.NET

By xrmlabs webmaster on 2/15/2013

In this simple application you can upload images to your website then you can show these images in the album with a repeater command.

 Here is the User Interface design page   (Default.aspx)


<head runat="server"> 
    <title>title> 
head> 
<body> 
    <form id="form1" runat="server"> 
    <div>    
    <table> 
     <tr> 
    <td> 
   <asp:FileUpload ID="FileUpload1" runat="server" /> 
   <asp:RegularExpressionValidator ID="FileUpLoadValidator" runat="server" ControlToValidate="FileUpload1"
            ErrorMessage="Upload Jpegs,png and Gifs only."  ValidationExpression="^.*\.(jpg|JPG|gif|GIF|PNG|jpeg|png|JPEG)$" Display="Dynamic">asp:RegularExpressionValidator> 
    <asp:Label ID="lblError" runat="server" Visible="false" /> 
    <asp:Button ID="Button1" runat="server" Text="Upload" onclick="Button1_Click"/>    
   <asp:Button ID="Button2" runat="server" onclick="Button2_Click" 
        Text="Show Album" /> 
    <asp:Label ID="Label1" runat="server" >asp:Label>    
   td> 
   tr> 
   <tr> 
   <td> 
   <asp:Repeater ID="Repeater1" runat="server" > 
    <ItemTemplate> 
    <asp:Image ID = "Image1"
    Width="200px"
    ImageUrl ='' 
    Runat ="server" />  
    ItemTemplate> 
    asp:Repeater> 
    td> 
    <td> 
   table> 
   asp:Panel>     
    div> 
    form> 
body> 
html> 
                        

In the code behind file  (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.IO;
  
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
  
    }
// Loading the images by  using Fileupload  
    protected void Button1_Click(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
           
            FileUpload1.SaveAs(MapPath("~/Album/" + FileUpload1.FileName));
        }
        else
        {
            Label1.Text = " No file received";
        }
  
    }
  
//Calling method GetPhotos() and bind to the repeater 
    protected void Button2_Click(object sender, EventArgs e)
    {
        Repeater1.DataSource = GetPhotos();
        Repeater1.DataBind();
    }
  
// GetPhotos() method is to be invoked when the button2 is clicked
      
public List<string> GetPhotos()
    {
        List<string> photos = new List<string>();
        string photoPath = MapPath("~/Album");
        string[] files = Directory.GetFiles(photoPath);
        foreach (string photo in files)
        photos.Add("~/Album/" + Path.GetFileName(photo));
        return photos;
    }

Now  here  is the  result:

Screen shot 1 to upload the files clicking on upload button

                 

Screen shot 2 to show the album clicking on show Album button


                    
                                      
.Net
ASP.NET
Comments (0)
Author
xrmlabs webmaster

Blog Calendar
Blog Calendar List
2024 Apr  1  4
2024 Mar  19  4
2024 Feb  21  3
2024 Jan  6  7
2023 Dec  9  6
2023 Nov  28  5
2023 Oct  83  12
2023 Sep  191  9
2023 Aug  56  7
2023 Jul  31  5
2023 Jun  20  4
2023 May  43  5
2023 Apr  30  5
2023 Mar  90  6
2023 Feb  104  5
2023 Jan  37  4
2022 Dec  94  7
2022 Nov  248  2
2022 Sep  13  1
2022 Aug  27  2
2022 Jun  7  2
2022 May  3  2
2022 Apr  6  2
2022 Mar  1  1
2022 Feb  2  1
2022 Jan  1  1
2021 Dec  3  1
2021 Nov  2  1
2021 Oct  1  1
2021 Sep  11  1
2021 Aug  37  5
2021 Jul  36  4
2021 Jun  1202  5
2021 May  31  3
2021 Apr  1995  3
2021 Mar  188  5
2021 Feb  2080  7
2021 Jan  2965  9
2020 Dec  431  7
2020 Sep  73  3
2020 Aug  671  3
2020 Jul  125  1
2020 Jun  74  3
2020 Apr  68  3
2020 Mar  12  2
2020 Feb  27  5
2020 Jan  34  7
2019 Dec  17  4
2019 Nov  29  1
2019 Jan  23  2
2018 Dec  63  4
2018 Nov  68  3
2018 Oct  18  3
2018 Sep  1132  11
2018 Aug  7  2
2018 Jun  13  1
2018 Jan  68  2
2017 Sep  585  5
2017 Aug  17  1
2017 Jul  17  2
2017 Jun  62  2
2017 May  21  1
2017 Apr  35  2
2017 Mar  135  4
2017 Feb  773  4
2016 Dec  203  3
2016 Nov  822  8
2016 Oct  304  10
2016 Sep  697  6
2016 Aug  39  1
2016 Jun  1871  6
2016 May  110  3
2016 Jan  71  2
2015 Dec  466  6
2015 Nov  4  1
2015 Oct  13  1
2015 Sep  1464  6
2015 Aug  14  1
2015 Jul  128  2
2015 Jun  10  1
2015 May  20  1
2015 Apr  30  3
2015 Mar  80  3
2015 Jan  5334  4
2014 Dec  17  1
2014 Nov  2257  4
2014 Oct  68  1
2014 Sep  107  2
2014 Aug  5272  1
2014 Jul  48  2
2014 Apr  2578  12
2014 Mar  300  17
2014 Feb  220  6
2014 Jan  1510  16
2013 Dec  21  2
2013 Nov  688  2
2013 Oct  256  3
2013 Sep  11  1
2013 Aug  40  3
2013 Jul  214  1
2013 Apr  57  6
2013 Mar  2276  10
2013 Feb  127  3
2013 Jan  340  2
2012 Nov  57  2
2012 Oct  499  10
Tag Cloud
Interested in our services? Still not sure about project details? get a quote