Skip to main content

Asp.Net - Ajax File Upload Using HTTPHandler using C#.Net,VB.Net

By
ASPX Code:

<!DOCTYPE html>
<html>
<head runat="server">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:FileUpload ID="FileUpload1" runat="server" CssClass="file-upload-dialog" />
        <asp:Button runat="server" ID="btnUpload" CssClass="btn upload" Text="Upload" />
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#aspnetForm').attr("enctype", "multipart/form-data");
        });

        $('#<%= btnUpload.ClientID %>').on('click', function (e) {
            e.preventDefault();
            var fileInput = $('#<%= FileUpload1.ClientID %>');
            var fileData = fileInput.prop("files")[0];   // Getting the properties of file from file field
            var formData = new window.FormData();                  // Creating object of FormData class
            formData.append("file", fileData); // Appending parameter named file with properties of file_field to form_data

            $.ajax({
                url: 'FileUpload.ashx',
                data: formData,
                processData: false,
                contentType: false,
                type: 'POST',
                success: function (data) {
                    //Success call back here
                },
                error: function (errorData) {
                   //error message
                }
            });
        });
    </script>
    </form>
</body>
</html>


FileUpload.ashx

<%@ WebHandler Language="C#" Class="FileUpload" %>

using System;
using System.Web;
using System.IO;


public class FileUpload : IHttpHandler {
   
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "multipart/form-data";
        context.Response.Expires = -1;
        try
        {
            HttpPostedFile postedFile = context.Request.Files["file"];
            string savepath = HttpContext.Current.Server.MapPath("~/Images/");
            var extension = Path.GetExtension(postedFile.FileName);

            if (!Directory.Exists(savepath))
                Directory.CreateDirectory(savepath);

            var id = Guid.NewGuid() + extension;
            if (extension != null)
            {
                var fileLocation = string.Format("{0}/{1}",savepath,id);
                postedFile.SaveAs(fileLocation);
                context.Response.Write(fileLocation);
                context.Response.StatusCode = 200;
            }
        }
        catch (Exception ex)
        {
            context.Response.Write("Error: " + ex.Message);
        }
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}


FileUpload.ashx using VB.Net

Imports System.Web
Imports System.IO


Public Class FileUpload
    Implements IHttpHandler

    Public Sub ProcessRequest(context As HttpContext) Implements IHttpHandler.ProcessRequest
        context.Response.ContentType = "multipart/form-data"
        context.Response.Expires = -1
        Try
            Dim postedFile As HttpPostedFile = context.Request.Files("file")
            Dim savepath As String = HttpContext.Current.Server.MapPath("~/Images/")
            Dim extension = Path.GetExtension(postedFile.FileName)

            If Not Directory.Exists(savepath) Then
                Directory.CreateDirectory(savepath)
            End If

            Dim id = Convert.ToString(Guid.NewGuid()) & extension
            If extension IsNot Nothing Then
                Dim fileLocation = String.Format("{0}/{1}", savepath, id)
                postedFile.SaveAs(fileLocation)
                context.Response.Write(fileLocation)
                context.Response.StatusCode = 200
            End If
        Catch ex As Exception
            context.Response.Write("Error: " & ex.Message)
        End Try
    End Sub

    Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
        Get
            Return False
        End Get
    End Property

End Class

Labels:

Comments

Post a Comment

Popular posts from this blog

Code To Convert rupees(numbers) into words using C#.Net

By
Introduction: In my previous article I have explained about how to validate emailid using javascript . In this article I am going to explain about code used to convert rupees(numbers) into words using C#.Net . Explanation: For explanation purpose I have a page. It has a textbox to input the numbers. And when you click on the convert to words button then it will convert the input numbers into words and shows it in the below label. Below is the C# code used to do this functionality. public static string NumbersToWords( int inputNumber) {     int inputNo = inputNumber;     if (inputNo == 0)         return "Zero" ;     int [] numbers = new int [4];     int first = 0;     int u, h, t;     System.Text. StringBuilder sb = new System.Text. StringBuilder ();     if (inputNo < 0)     { ...
16 comments
Read More...

CHECK IF FUNCTION EXISTS EXAMPLE

By
http://css-tricks.com/snippets/javascript/check-if-function-exists-before-calling/ When using scripts that are shared between different areas of a site, there may be cases where a function is called that doesn't exist. It makes sense on one page (the dependency is there) but not another. The difference is too slight to warrant forking the file into different versions. Instead, you can just check if the function exists before calling it to avoid the error: if ( typeof yourFunctionName == 'function' ) { yourFunctionName ( ) ; } jQuery code snippet to check whether a function exists within the JavaScript code. This can be easily achieved by using the jQuery.isFunction() function. Useful for checking if a jQuery function exists before calling it! < script type = "text/javascript" >      function  somenoobfunction ( )   {      }         // using jQuery      if   ( $. isFunction ( wi...
Post a Comment
Read More...

Various components of the .NET Platform and the functions performed by them

By
Now we will go in detail about the various components that build the .NET framework and its functionalities. Common Language Runtime At the core of the .NET platform is the Common Language Runtime (CLR). The CLR simplifies application development, provides a robust and secure execution environment, supports multiple languages and simplifies application deployment and management. The diagram below provides more details on the CLR's features: In this section we will cover some of the more significant features provided to .NET applications by the CLR. These include: • Memory Management • Common Type System Before moving further let us discuss briefly about Common Language Infrastructure(CLI) according to Standardizing Information and Communication Systems(ECMA) specifications. The Microsoft Shared Source CLI Implementation is a file archive containing working source code for the ECMA-334 (C#) and ECMA-335 (Common Language Infrastructure, or CLI) s...
2 comments
Read More...