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
Blog Calendar
Blog Calendar List
2018 Nov  22  3
2018 Oct  7  3
2018 Sep  13  11
2018 Aug  2  2
2018 Jun  11  1
2018 Jan  41  2
2017 Sep  348  5
2017 Aug  14  1
2017 Jul  15  2
2017 Jun  36  2
2017 May  17  1
2017 Apr  31  2
2017 Mar  104  4
2017 Feb  269  4
2016 Dec  171  3
2016 Nov  265  8
2016 Oct  197  10
2016 Sep  341  6
2016 Aug  38  1
2016 Jun  1580  6
2016 May  102  3
2016 Jan  68  2
2015 Dec  373  6
2015 Nov  3  1
2015 Oct  11  1
2015 Sep  1104  6
2015 Aug  10  1
2015 Jul  101  2
2015 Jun  7  1
2015 May  20  1
2015 Apr  21  2
2015 Mar  67  3
2015 Jan  4997  4
2014 Dec  14  1
2014 Nov  2159  4
2014 Oct  74  2
2014 Sep  95  2
2014 Aug  2847  1
2014 Jul  40  2
2014 Apr  2401  12
2014 Mar  268  19
2014 Feb  216  8
2014 Jan  1490  16
2013 Dec  21  2
2013 Nov  607  2
2013 Oct  239  3
2013 Sep  10  1
2013 Aug  29  3
2013 Jul  202  1
2013 Apr  43  6
2013 Mar  1632  10
2013 Feb  272  4
2013 Jan  244  2
2012 Nov  24  2
2012 Oct  394  10
Tag Cloud
Interested in our services? Still not sure about project details? get a quote