Applied Knowledge: ASP.NET FileUpload & Image controls in Hindi

NOTE:-

CODE:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="FileUploadImageASP.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-3.6.0.js"></script>
</head>
    <script>
        $(document).ready(function () {
        //The change event is sent to an element when its value changes
            $('#FileUpload1').change(function () {
            //The .val() method is primarily used to get the values of form elements
                var path = $(this).val();
                $('#Label1').html(path);
            //if (path != '' && path != null) {
            //    var q = path.substring(path.lastIndexOf('\\') + 1);
            //    $('#Label1').html(q);
            //}
        });
    });
    </script>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Image ID="Image1" runat="server" Height="100px" Width="100px" BorderStyle="Dotted" />
            <hr />
            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
            <br />
            Select Image:<asp:FileUpload ID="FileUpload1" runat="server" Width="76px" />
            <asp:Button ID="UploadImageButton" runat="server" Text="Upload Image" OnClick="UploadImageButton_Click" Width="148px" />
        </div>
    </form>
</body>
</html>

NOTE:-

CODE:


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace FileUploadImageASP
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void UploadImageButton_Click(object sender, EventArgs e)
        {
            if (FileUpload1.HasFile)
            {
                string filename= FileUpload1.FileName;
                if (IsImageFile(filename))
                {
                    Image1.ImageUrl= FileUpload1.PostedFile.FileName;
                }
            }
        }

        private bool IsImageFile(string file)
        {
            string extension = System.IO.Path.GetExtension(file);
            switch (extension.ToLower())
            {
                case ".png": return true;
                case ".jpg": return true;
                case ".jpeg": return true;
                default:
                    return false;
            }
        }
    }
}

इस आलेख को उद्धृत करते हुए इस लेख के लिंक का भी विवरण दें। इस आलेख को कॉपीराइट सूचना के साथ यथावत साझा करने की अनुमति है। कृपया इसे ऐसे स्थान पर साझा न करें जहाँ इसे देखने के लिए शुल्क देना पडे।

Applied Knowledge

Home

Wednesday, January 5, 2022

ASP.NET FileUpload & Image controls in Hindi

No comments:

Post a Comment

Hot Topics