Asp.net Fileupload Seçilen Resimi Yüklemeden Gösterme

Merhabalar,

Asp.net fileupload’da seçilen resimi yükleme yapmadan önce göstermek isterseniz aşağıdaki kodları kullanabilirsiniz.

<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowImagePreview(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#<%=resim1_img.ClientID%>').prop('src', e.target.result)
.width(240)
.height(150);
};
reader.readAsDataURL(input.files[0]);
}
}
</script> 
<asp:Image runat="server" ID="resim1_img" />
<asp:FileUpload ID="resim1_up" onchange="ShowImagePreview(this);" runat="server" />