关于FileUpload控件选择文件时触发显示图像事件在IE7以上版本中不显示的问题

图片显示问题（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" />

把img改为image控件也是同样的问题。

这个原因是就是IE7以上的安全限制.不可以本地预览，即$('Image1').src = o.value;在IE7默认状态下已经不支持了。

。解决办法1就是用filter的办法

js:$(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;

界面：<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<%= pic%>,sizingMethod=scale);width:88px;height:113px;"></div>

解决办法2：加个说明：如果是ie7以上版本，你需要在“工具->Internet选项->安全->信任站点->站点”选项的中将“[本站地址]”添加为信任站点。否则图象大小将不能从硬盘正常读取。