서버에서 응답을 얻을 수 없을 때까지 로더를 표시합니다.

Question

내 Asp.Net MVC 프로젝트에서 HttpHandler를 사용하고 있습니다. 그러면 해당 축소판 이미지가로드되어 <img /> 태그에로드됩니다. 이 기능은 필요에 따라 올바르게 작동합니다.

하지만 서버가 응답하기 전에 일부로드 아이콘/메시지를 표시하여 사용자가 이미지가 아직로드 중임을 알 수 있습니다.

내 코드 :

HttpHandler를 코드 :

var currentResponse = HttpContext.Current.Response; 

string URL = "http://localhost:50417/API/GetThumbnail"; 
        HttpWebRequest request = (HttpWebRequest)WebRequest.Create(URL); 
        request.KeepAlive = false; 
        request.ProtocolVersion = HttpVersion.Version10; 
        request.Method = "GET"; 
        request.Timeout = 30000; 
        HttpWebResponse response = (HttpWebResponse)request.GetResponse(); 

        StreamReader streamr = new StreamReader(response.GetResponseStream()); 


        currentResponse.Write(streamr.ReadToEnd()); 

RouteConfig.cs

routes.Add(new Route("Thumbnail/getImage", new ThumbnailImageRouteHandler())); 

index.csHtml

<img src="/Thumbnail/getImage" /> 

Answer 1

jQuery 함수를 사용하여 이미지를로드하는 방법을 보여줍니다. 다음은 함수입니다.

$(".thumb-img img").one("load", function() { 
     // do stuff 
     $(this).removeClass("LoaderImg"); 
    }).each(function() { 
     $(this).addClass("LoaderImg"); 
     if (this.complete) $(this).load(); 
    }); 

Answer 2

jQuery를 아약스를 사용하여 주시기 바랍니다 beforeSend 완료} 또는 다른 javas cript 라이브러리 또는 프레임 워크를 사용하여 원하는 효과를 구현할 수 있습니다. 잘 알려진대로 asp.net에 의존하는 것만으로는 생각을 전달할 수 없습니다.

좋은 하루 되세요!