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

How can use upload image control in asp.net ?

Anonymous User 1345 07 Sep 2019

Without using SQL Database...

Ask by Anonymous User

Updated 07 Sep 2019

1 Answers

Anonymous User 07 Sep 2019

Step 1. Open visual studio and select a webform

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

Its use for only practice.

Keep on reading....Thank you !!

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.