c#服务器 FileUpload 控件上传图片,实现预览效果

实现效果:

FileUpload 控件选择本地图片之后,Image控件自动显示图片(未上传服务器)。

Html代码:

<asp:Image runat="server" ID="imgThumbnail" />
<asp:FileUpload runat="server" ID="fuThumbnail" onchange="onFileChange(this);"/>

Js代码:

<script type="text/javascript">
function onFileChange(sender) {
        var imgs = document.getElementById("<%=imgThumbnail.ClientID%>");        
        imgs.src = window.URL.createObjectURL(sender.files[0]);
    }
</script>

 

posted @ 2016-03-04 16:41  人暖茶凉  阅读(357)  评论(0)    收藏  举报