How To Multiple Image Upload In ASP.NET With C#

Amit Kannaujia January 25, 2020

Multiple Image Upload In ASP.NET

To add single file upload functionality in your website just embed the FileUpload control to the <form> tag in the place where you want users to display the upload interface. The code may look as follows:

 
    

  1. 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>
    


    
<!DOCTYPE html>
    


    
<html xmlns="http://www.w3.org/1999/xhtml">
    


    
<head runat="server">
    


    
    <title>Multiple Image Upload In ASP.NET</title>
    


    
</head>
    


    
<body>
    


    
    <form id="form1" runat="server">
    


    
        <div>
    


    
            <asp:FileUpload ID="FileUpload1" runat="server" AllowMultiple="True" />
    


    
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Upload" />
    


    
            <asp:Label ID="lblMessage" runat="server" ForeColor="#FF3300" Text="Label"></asp:Label>
    


    
        </div>
    


    
    </form>
    


    
</body>
    


    
</html>
    


    2.





Source Code:-

  1. using System;
  2. 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 jobnow_Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            HttpFileCollection imageCollection = Request.Files;
            for (int i = 0; i < imageCollection.Count; i++)
            {
                HttpPostedFile uploadImages = imageCollection[i];
                string fileName = Path.GetFileName(uploadImages.FileName);
                uploadImages.SaveAs(Server.MapPath("~/images/") + fileName);
                lblMessage.Text = "Images Uploaded";
            }
        }
    }



Step 1:- First Multiple Image  Select















Select Multiple Image


Step 2:- Button Click To Image Upload










Note: -  In This Article, You Will Learn To Multiple Image Upload In ASP.NET  With C#

Tags
Reactions

Post a Comment

1 Comments