Pass (Send) TextBox value to Generic Handler using jQuery Ajax in ASP.Net

Last Reply 8 months ago By dharmendr

Posted 8 months ago

i am using this handler to upload files it works perfect but with the file upload i want to send textbox value to handler.

so how on upload button i can send filepath (which is already going) along with textbox value to handler

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

using System;
using System.IO;
using System.Net;
using System.Web;
using System.Web.Script.Serialization;
using socialnetworkingwebsite.Models;

public class HandlerCS : IHttpHandler
    smEntities db = new smEntities();
    public void ProcessRequest(HttpContext context)
        //Check if Request is to Upload the File.
        if (context.Request.Files.Count > 0)
            //Fetch the Uploaded File.
            HttpPostedFile postedFile = context.Request.Files[0];
            //Set the Folder Path.
            string folderPath = context.Server.MapPath("~/DynamicImages/");

            //Set the File Name.
            string fileName = Path.GetFileName(postedFile.FileName);
            //Save the File in Folder.
            postedFile.SaveAs(folderPath + fileName);

            //Send File details in a JSON Response.
            string json = new JavaScriptSerializer().Serialize(
                    name = fileName
            context.Response.StatusCode = (int)HttpStatusCode.OK;
            context.Response.ContentType = "text/json";

    public bool IsReusable
            return false;


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="fileuploadajax.ascx.cs" Inherits="socialnetworkingwebsite.usercontrol.fileuploadajax" %>

 <style type="text/css">
            font-family: Arial;
            font-size: 10pt;
<input type="file" name="postedFile" />
<input type="button" id="btnUpload" value="Upload" />

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<progress id="fileProgress" style="display: none"></progress>
<hr />
<span id="lblMessage" style="color: Green"></span>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
    $("body").on("click", "#btnUpload", function () {
            url: '<%= ResolveUrl("~/HandlerCS.ashx")%>',
            type: 'POST',
            data: new FormData($('form')[0]),
            cache: false,
            contentType: false,
            processData: false,
            success: function (file) {
                $("#lblMessage").html("<b>" + + "</b> has been uploaded.");
            xhr: function () {
                var fileXhr = $.ajaxSettings.xhr();
                if (fileXhr.upload) {
                    fileXhr.upload.addEventListener("progress", function (e) {
                        if (e.lengthComputable) {
                                value: e.loaded,
                    }, false);
                return fileXhr;



This question does not have replies that have been liked.