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

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="">
    <head runat="server">
        <title>Multiple Image Upload In ASP.NET</title>
        <form id="form1" runat="server">
                <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>

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#

Post a Comment