Please try with the below code snippet.
ASPX
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Script/jquery-1.10.2.min.js"></script>
<script>
function uploadControlUploadComplete(sender, e) {
var imageID = sender.get_id().replace("afuUploadedImage", "imgUploadedImage");
var fileName = e.get_fileName();
$get(imageID).src = "TempFiles/" + fileName;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true"
EnablePageMethods="true">
</ajaxtoolkit:ToolkitScriptManager>
<ajaxtoolkit:AsyncFileUpload ID="afuUploadedImage" runat="server" OnUploadedComplete="afuUploadedImage_UploadedComplete"
OnClientUploadComplete="uploadControlUploadComplete" ThrobberID="lblThrobber" />
<asp:Label ID="lblThrobber" runat="server" Style="display: none">
<img src="image/indicator.gif" alt="loading" />
</asp:Label>
<asp:Image ID="imgUploadedImage" runat="server" />
</div>
</form>
</body>
</html>
ASPX.CS
protected void afuUploadedImage_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
if (afuUploadedImage.HasFile)
{
afuUploadedImage.SaveAs(Server.MapPath("~/TempFiles/") + afuUploadedImage.FileName);
}
}
Please try with the above code snippet and let me know if any concern.
Update 1:
ASPX
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Script/jquery-1.10.2.min.js"></script>
<script>
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function uploadControlUploadComplete(sender, e) {
var name = readCookie("tabs").replace("url=", "");
var imageID = sender.get_id().replace("afuUploadedImage", "imgUploadedImage");
var fileName = e.get_fileName();
$get(imageID).src = "TempFiles/" + name;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxtoolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true"
EnablePageMethods="true">
</ajaxtoolkit:ToolkitScriptManager>
<ajaxtoolkit:AsyncFileUpload ID="afuUploadedImage" runat="server" OnUploadedComplete="afuUploadedImage_UploadedComplete"
OnClientUploadComplete="uploadControlUploadComplete" ThrobberID="lblThrobber" />
<asp:Label ID="lblThrobber" runat="server" Style="display: none">
<img src="image/indicator.gif" alt="loading" />
</asp:Label>
<asp:Image ID="imgUploadedImage" runat="server" />
</div>
</form>
</body>
</html>
ASPX.CS
protected void afuUploadedImage_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
if (afuUploadedImage.HasFile)
{
string str = Guid.NewGuid() + "jayesh.jpg";
afuUploadedImage.SaveAs(Server.MapPath("~/TempFiles/") + str);
HttpCookie ActiveTabs = new HttpCookie("tabs");
ActiveTabs.Values["url"] = str;
Response.Cookies.Add(ActiveTabs);
}
}