2011-09-21 5 views
2

컨트롤러에서 이미지/차트를 생성하고 해당 이미지를 뷰의 이미지 태그에 표시하려고합니다. 내보기에서 나는MVC 3 컨트롤러에서 생성 된 동적 이미지 표시

<div id="graphcontainer"><a href="#">Close Graph</a><img id="chartImage" alt="" /></div> 

이 있고 내 컨트롤러 (EventReport)에는 "BuildChart"라는 메서드가 있습니다. 내 생각은 보고서 작성 버튼으로 지정된 버튼의 클릭 이벤트를 캡처하는 것이 었습니다. Click 이벤트 핸들러에서 "/ EventReport/BuildChart"와 같은 이미지 소스를 할당하여 이미지 컨트롤을 채우고 싶습니다.

다음은 컨트롤러

public ActionResult BuildChart() 
{ 
    var chart = new Chart 
        { 
         Height = Unit.Pixel(400), 
         Width = Unit.Pixel(600), 
         AntiAliasing = AntiAliasingStyles.Graphics, 
         BackColor = Color.White 
        }; 

    // Populate chart here ... 

    var ms = new MemoryStream(); 
    chart.SaveImage(ms); 
    return File(ms.ToArray(), "image/png"); 
} 

난 그냥 문제가 이것을 배선을 데에 무엇이입니다. 나는 올바른 길을 가고 있는가?

감사합니다. jQuery를 사용하여

: 예를 들어, 당신의 버튼 클릭에 대한 액션 링크, 같은 이미지의

답변

2

설정 src

$('#build-chart').click(function() { 
    $('#chartImage').attr('src', '/EventReport/BuildChart'); 
}); 

과 행동은 이미지 컨텐츠를 제공해야합니다. 아마도 '로딩'표시기가 필요할 것입니다.

+0

응답 해 주셔서 감사합니다. 실행해야 할 '새로 고침'또는 '로드'메소드가 있습니까? –

+0

나는 그런 이미지를 모른다. 아마 당신은 브라우저를 사용하여 놀 필요가 있거나 URL에 임의의 (또는 무작위가 아닌) 보고서 유형을 추가하려고 시도 할 것입니다. – Samich

+0

차트를 새로 고치려면 다른 링크를'src' – Samich

관련 문제