上传图片预览问题
最近在项目中有个上传图片之前预览的功能,本以为这个太简单了,就是弄个上传的控件然后获取出来选择图片的地址之后赋给一个显示图片的控件或者是div,可是没想到弄了自己半天的时间,最终原因是我的vista系统的IE7。
在网上查上传图片预览一堆方法,大多数都是上面说 的可是到了IE7里面,由于安全提升了,所以要上传的图片死活就是不预览了
有两种解决办法一是:
1、将你运行的网站加入浏览器的可信任站点里面;
2.使用DXImageTransform.Microsoft.AlphaImageLoader:
<script type="text/javascript">
function setImagePreview( fileUrl )
{
var objDivFilter = document.getElementById("divFilter")
if( fileUrl )
{
objDivFilter.style.width = "50px";
objDivFilter.style.height = "50px"; //这个设置初始大小是必须的
objDivFilter.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = image)"; //scale 是缩小图片到设置的大小,image是图片的原来大小
objDivFilter.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;
}
}
</script>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="javascript:setImagePreview( this.value );" />
<div id="divFilter" />