Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how can use upload image control in asp.net ?
Ask Question
Anonymous User
Anonymous User

Technical Content writer

I am a content writter !

Message

1 Answers

Anonymous User
Anonymous User 07 Sep 2019
Report Abuse

Step 1. Open visual studio and select a webform

Anonymous User

Code for abc.cs (Name of Page)

using System;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.IO;

using System.Collections.Generic;



public partial class CS : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            string[] filePaths = Directory.GetFiles(Server.MapPath("~/Images/"));

            List<ListItem> files = new List<ListItem>();

            foreach (string filePath in filePaths)

            {

                string fileName = Path.GetFileName(filePath);

                files.Add(new ListItem(fileName, "~/Images/" + fileName));

            }

            GridView1.DataSource = files;

            GridView1.DataBind();

        }

    }

    protected void Upload(object sender, EventArgs e)

    {

        if (FileUpload1.HasFile)

        {

            string fileName = Path.GetFileName(FileUpload1.PostedFile.FileName);

            FileUpload1.PostedFile.SaveAs(Server.MapPath("~/Images/") + fileName);

            Response.Redirect(Request.Url.AbsoluteUri);

        }

    }

}

Step 2.  Code for abc.aspx

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



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

    <title></title>

</head>

<body>

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

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

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

    <hr />

    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" ShowHeader="false">

        <Columns>

            <asp:BoundField DataField="Text" />

            <asp:ImageField  DataImageUrlField="Value" ControlStyle-Height="100" ControlStyle-Width="100" />

        </Columns>

    </asp:GridView>

    </form>

</body>

</html>

Step 3. Add an Image folder in solution explorer

Anonymous User

Its use for only practice.

Keep on reading....Thank you !! 

advertising