ASP.NET上传文件前在客户端显示图片

ASP.NET显示图片,按照一般的思维就是在页面上放置一个file控件和Img控件,每次单击file控件的浏览就会激发file控件的onchange事件,那么我们会在onchange事件中这样写:

document.getElementByIdx_x_x("Img").src=document.getElementByIdx_x_x("file").value;

上面是一般思维,但是这种思维在IE7以下是支持的,从IE7开始就不再支持这种方式了,于是我们会这样做,同样也是在界面上放一个File控件,然后下面放一个Div(而不是Img),Div的样式如下:

    #div_1
    {
        height:80px;
        width:80px;
        border:1px solid red;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/bghead.jpg",sizingMethod="scale");
    }

这里的代码表示的一个滤镜,然后在File控件的onchange事件里面只需要写上:document.getElementByIdx_x_x("div_1").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementByIdx_x_x("file").value;

按照上面的方法设置后就万事大吉了,但是笔者在处理这样的问题的时候却遇到一个问题,就是无论怎么去写这个代码,图片依然无法显示,这个时候就需要注意了,在浏览器的Internet选项中选择‘安全’,然后把安全级别设置为中或以下。。这样应该能解决问题.

posted @ 2013-02-02 10:36  金虹巴巴  阅读(301)  评论(0编辑  收藏  举报