I need to make an Ajax call to get the image source from the server side using ASP.NET C#

Question

I need to make an Ajax call to get the image source from the server side using ASP.NET C#.

I got below code example:

$('#popup-container').click(function() {
  $.ajax({
    type: "GET",
    url: "img/popup_calculating.gif",
    dataType: "image/gif",
    success: function(img) {
      i = new Image();
      i.src = img;
      $(this).append(i);
    },
    error: function(error, txtStatus) {
    }
  });
});

The above code want to implement using ASP.NET C# .aspx pages, but I do not able to understand for implementation, to call images from the server, My requirements are to develop like below.

http://epaper.deccanchronicle.com/epaper_main.aspx#page986808

Possible duplicate of [ASP.NET (MVC) Serving images](http://stackoverflow.com/questions/5588333/asp-net-mvc-serving-images) — Gusman, Feb 29 '16 at 12:16
Please can you update your answer with C# and html Code. @Gusman — Mr doubt, Feb 29 '16 at 12:24
No, I did not add an answer, just pointed to resources with info, what you're asking has been explained literally thousands of times, google for results. — Gusman, Feb 29 '16 at 12:25
I need this type of requirements, Pls update your answer http://epaper.deccanchronicle.com/epaper_main.aspx#page986808 . @Gusman — Mr doubt, Feb 29 '16 at 12:29
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/104859/discussion-between-zahed-and-gusman). — Mr doubt, Feb 29 '16 at 12:30
I don't get it. Why do you need AJAX call? Why can't you create new Image(), set its SRC to appropriate URL and append it to #popup-container. — Vivek Athalye, Feb 29 '16 at 12:30
Ok can you answer what code I have use for above requirements. @VivekAthalye — Mr doubt, Feb 29 '16 at 12:36

John Mc · Answer 1 · 2016-02-29T12:28:06.850

1

Well for a start, $(this) is not what you think it is because it's contained within a different scope (the success callback of the $.ajax request).

$('#popup-container').click(function() {
var container = $(this);
$.ajax({
    type: "GET",
    url: "img/popup_calculating.gif",
    dataType: "image/gif",
    success: function(imgSrc) {
      $(container).append('<img src="' + imgSrc + '" />);
    },
    error: function(error, txtStatus) {

    }
});

});

edited Feb 29 '16 at 12:28

answered Feb 29 '16 at 12:19

John Mc

2,862
1
22
37

I have to call from my image folder or what?. Please can you update your full code according to my requirement. @John Mc – Mr doubt Feb 29 '16 at 12:22

I need to make an Ajax call to get the image source from the server side using ASP.NET C#

1 Answers1