MVC - 부트 스트랩 3 - 이미지 업로드 - 즉시 표시하는 방법?

Question

사용자가 이미지를 업로드 할 수 있도록 파일 입력 컨트롤이있는 MVC 5 부트 스트랩 3 양식이 있습니다. 다음과 같이 보입니다.

<div class="form-group"> 
    @Html.Label("Load Photo", new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     <input type="file" name="file" id="file"/> 
    </div> 
</div> 

잘 작동합니다. 하지만 내가하고 싶은 것은 사용자가 양식을 제출하도록 요구하지 않고 양식에서 선택한 이미지를 즉시 표시하는 것입니다. 이것이 가능한가?

Answer 1

이 경우 Jquery File Upload Plugin을 사용할 수 있습니다. 나는 주로 파일을 비동기 적으로 페이지를 새로 고침하고 파일 업로드 후 파일 경로를 반환하고 페이지에 표시 할 때이 플러그인을 사용합니다.

asp.net mvc와 호환됩니다.

여기에 DEMO Project도 있습니다.