Asp.Net中FileUpload控件实现图片预览

在页面顶部添加：

    <style type="text/css">
    #newPreview { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)}
    </style>

    <script type="text/javascript" language="javascript">
     function PreviewImg(imgFile)
     {   
        var newPreview = document.getElementById("newPreview");
        newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
        newPreview.style.width = "160px";
        newPreview.style.height = "120px";
     }

    </script>

在页面的<body></body>中添加

<div id="newPreview"></div>

<asp:FileUpload id="IdName" runat="server" />

在ASPX.CS文件中添加

                FileUploadName.Attributes.Add("onchange", "return PreviewImg(this);");

posted @ 2010-06-21 16:45  微硬  阅读(896)  评论(1)    收藏  举报