ASP.NET

Imports System.Web
Imports System.Web.Services

Public Class Handler1
    Implements System.Web.IHttpHandler

    Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest

        Dim loop1 As Integer
        Dim arr1() As String
        Dim Files As HttpFileCollection

        Files = HttpRequest.Files ' Load File collection into HttpFileCollection variable.
        arr1 = Files.AllKeys ' This will get names of all files into a string array.
        For loop1 = 0 To arr1.GetUpperBound(0)
            context.Response.Write("File: " & Server.HtmlEncode(arr1(loop1)) & "<br>")
            context.Response.Write("  size = " + Files(loop1).ContentLength + "<br />")
            context.Response.Write("  content type = " + Files(loop1).ContentType + "<br />")
        Next loop1
    End Sub

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

End Class

<input type="file" id="upldFile" name="files[]" />

<input type="button" value="Add Sign" data-icon="plus" data-mini="true" id="btnAddSign">

$('#upldFile').change(function (evt) {
    var formData = new FormData();
    var files = evt.target.files;
    for (var i = 0, f; file = files[i]; i++) {
        if (!file.type.match('image.*')) {
              continue;
       }
       var thumbnail = URL.createObjectURL(file);
       formData.append(file.name, file);
       $('body').data('formdata', formData);
       var span = document.createElement('span');
       span.innerHTML = ['<img class="thumb" src="', thumbnail,
       '" title="', escape(file.name), '"/>'].join('');
       document.getElementById('list').insertBefore(span, null);
       }
});

$('#btnAddSign').click(function () {
     var xhr = new XMLHttpRequest();
     var url = 'Handler1.ashx?requestid=' + $('body').data('requestid') + '&backcolor=' + $('#cmbBackColor').val() + '&textcolor=' + $('#cmbTextColor').val() + '&signshape=' + $('#cmbSignShape').val() + '&signsize=' + $('#cmbSignShape').val() + '&platematerial=' + $('#cmbPlateMaterial').val() + '&border=' + $('#sldBorder').val() + '&signtext=' + $('#txtSignText').val() + '&signquantity=' + $('#txtSignQuantity').val()
     xhr.open('POST', url, true);
     xhr.onload = function (e) {
     };
     xhr.onreadystatechange = function () {
     if (xhr.readyState == 4 && xhr.status == 200) {
              GetItems(); //function that loads jqwidgets grid 
     }
     }
     xhr.send($('body').data('formdata'));
  });

Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
       Dim requestid As String = context.Request.QueryString("requestid").ToString
       Dim backcolor As String = context.Request.QueryString("backcolor").ToString
       Dim textcolor As String = context.Request.QueryString("textcolor").ToString
       Dim signshape As String = context.Request.QueryString("signshape").ToString
       Dim signsize As String = context.Request.QueryString("signsize").ToString
       Dim platematerial As String = context.Request.QueryString("platematerial").ToString
       Dim signtext As String = context.Request.QueryString("signtext").ToString
       Dim signquantity As String = context.Request.QueryString("signquantity").ToString
       Dim border As Boolean = context.Request.QueryString("border").ToString
       Dim Files As HttpFileCollection
       Files = context.Request.Files
       Dim uploadFiles As HttpFileCollection = Files
       For i = 0 To uploadFiles.Count - 1
           Dim postedFile As HttpPostedFile = uploadFiles(i)
           Dim inStream As System.IO.Stream = postedFile.InputStream
           Dim fileData As Byte() = New Byte(postedFile.ContentLength - 1) {}
           inStream.Read(fileData, 0, postedFile.ContentLength)
           Dim cnInsert As New SqlConnection(GetConnectionString("MyConnectionString"))
           Dim cmdInsert As New SqlCommand
           Dim da As New SqlDataAdapter
           Dim lastupdate As New DataTable
           Dim ds As New DataSet()
           cnInsert.Open()
           cmdInsert.Connection = cnInsert
           cmdInsert.CommandType = CommandType.StoredProcedure
           cmdInsert.CommandText = "spSRQSignsCustomInsert"
           cmdInsert.Parameters.AddWithValue("@pSignSize", signsize)
           cmdInsert.Parameters.AddWithValue("@pSignBackColor", backcolor)
           cmdInsert.Parameters.AddWithValue("@pSignShape", signshape)
           cmdInsert.Parameters.AddWithValue("@pSignText", signtext)
           cmdInsert.Parameters.AddWithValue("@pSignQuantity", signquantity)
           cmdInsert.Parameters.AddWithValue("@pSignTextColor", textcolor)
           cmdInsert.Parameters.AddWithValue("@pBorder", border)
           cmdInsert.Parameters.AddWithValue("@pPlateMaterial", platematerial)
           cmdInsert.Parameters.AddWithValue("@pRequestID", requestid)
           cmdInsert.Parameters.AddWithValue("@pRequestedImage", fileData)
           cmdInsert.ExecuteNonQuery()
           cnInsert.Close()
       Next
   End Sub

GlobalConfiguration.Configuration.MessageHandlers.Add(new BasicAuthMessageHandler
{
    PrincipalProvider = new UserPro(new User())
});

ClientIDMode="Static"

string sql = "INSERT INTO login (Username, Gender, Email, MobileNo, Category_Id, CompanyArea, CompanyName, CompanyNo, AltCompanyNo, Address)VALUES (?,?,?,?,?,?,?,?,?) ";

1. RowEditing: where you set the EditIndex property. this will load the editing template to render the row you wish to edit.
2. RowCancelingEdit: fired when edit is canceld.
3. RowUpdating: fired when you click the update command. Here you make the actual editing action.
4. RowUpdated: fired when the update is done.

public static string GuessImageMimeType(byte[] data)
{
    string result = null;
    if (data != null && data.Length > 3)
    {
        if (data[0] == 71 && data[1] == 73 && data[2] == 70)
        {
            result = MediaTypeNames.Image.Gif;
        }
        else if (data[0] == 137 && data[1] == 80 && data[2] == 79)
        {
            result = "image/png";
        }
        else if (data[0] == 66 && data[1] == 77)
        {
            result = "image/bmp";
        }
        else
        {
            for (int index = 0; index < data.Length - 2; index++)
            {
                if (data[index] == 255 && data[index + 1] == 216 && data[index + 2] == 255)
                {
                    result = MediaTypeNames.Image.Jpeg;
                    break;
                }
            }
        }
    }

    return result;
}

public static string BuildImageUrl(byte[] data)
{
    if (data == null || data.Length == 0) return null;

    var sb = new StringBuilder("data:");
    string mimeType = GuessImageMimeType(data);
    if (!string.IsNullOrWhiteSpace(mimeType)) sb.Append(mimeType);

    sb.Append(";base64,");
    sb.Append(Convert.ToBase64String(data));
    return sb.ToString();
}

<asp:Image runat="server"
    ImageUrl='<%# BuildImageUrl((byte[])Eval("visPic")) %>'
/>

<asp:Image runat="server"
    ImageUrl='<%# Eval("ID", "DisplayVisitorPicture.ashx?ID={0:D}") %>'
/>