图片显示问题（IE6.0中能显示,但是在IE7.0中不能显示）

Question

图片显示问题（IE6.0中能显示,但是在IE7.0中不能显示）该页为内容页
功能步骤是一个文件浏览控件，导入图片，让图片在img控件中显示出来
        function change() {
            var fileName = document.getElementById("ctl00_ContentPlaceHolder1_FileUpTrolley").value;
            if (fileName == "")
                return;
            var exName = fileName.substr(fileName.lastIndexOf(".") + 1).toUpperCase()
            if (exName == "JPG" || exName == "BMP" || exName == "GIF") {
                document.getElementById("ctl00_ContentPlaceHolder1_myimg").src = fileName;                if (document.getElementById("ctl00_ContentPlaceHolder1_myimg").fileSize > 512000) {
                    document.getElementById("ctl00_ContentPlaceHolder1_myimg").src = "";
                    alert("但是文件大小只能小于500KB");
                }
            }
            else {
                alert("请选择正确的图片文件");
                document.getElementById("ctl00_ContentPlaceHolder1_FileUpTrolley1").value = "";
            }
        }页面内容：                                            
<asp:FileUpload ID="FileUpTrolley" runat="server" onchange="change()" />
<img ID="myimg" runat="server" alt="" height="100" src="../Images/NoImage.jpg" 
style="border: thin ridge #00CC00" width="100" />

Answer 1

ie7安全限制.本地预览不可以的.
不过有其它的解决办法
参考
http://www.360doc.com/content/090518/11/74246_3549049.html

Answer 2

 /****IE7.0客户端本地图片预览****/
function ImagePreview() 
{             
    var fileUrl="C:\\Documents and Settings\\Administrator\\桌面\\5001_trumb.jpg";     
    document.getElementById("divFilter").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
}在IE7.0测试通过

Answer 3

JS中：function $(o){return document.getElementById(o);}
function CheckImgCss(o,img)
{
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
    {
        alert('只能上传jpg,bmp,gif,png格式图片!');
        o.outerHTML = o.outerHTML;
    }
    else
    {
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
        //$('Image1').src = o.value;//这里IE7已经不支持了。所以才有上面的方法。
    }
}
界面：<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<%= pic%>,sizingMethod=scale);width:88px;height:113px;"></div>
后台：public string pic = "../../images/nopic_news.jpg"; //这个是默认的图片地址。
protected void Page_Load(object sender, EventArgs e)
{
     。
项目中一直在使用。绝对无错。IE7。浏览后显示的是本地的图片。

Answer 4

<div id="divFilter" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:174px;height:227px; text-align:center"></div>  function ImagePreview() 
{  
    //测试图片地址           
    var fileUrl="C:\\Documents and Settings\\Administrator\\桌面\\照片\\5001_trumb.jpg";     
    document.getElementById("divFilter").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
}刚才漏掉了点东西，现在补上，这个在IE7.0上面可以用JS预览本地图片的

Answer 5

<div id="divFilter" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:174px;height:227px; text-align:center"></div>function ImagePreview() 
{  
    //测试图片地址           
    var fileUrl="C:\\Documents and Settings\\Administrator\\桌面\\照片\\5001_trumb.jpg";     
    document.getElementById("divFilter").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
}