关于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" οnchange="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选项->安全->信任站点->站点”选项的中将“[本站地址]”添加为信任站点。否则图象大小将不能从硬盘正常读取。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值