[分享]使用FileUpload上传前预览图片
因为安全性问题，IE7禁用了image控件引用本地图片，为了这个问题郁闷了好几天，终于找到了解决方案，好东西要与大家分享，代码如下： 此段代码放于<head> ....</head>之间<style type="text/css">#newPreview {}{
FILTER: progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
</style>
<body>内的代码
<script language="javascript" type="text/javascript">
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}
</script>
<asp:FileUpload ID="Fud_Pic" runat="server" onchange="PreviewImg(this)"/>
<div id="newPreview"></div>
原文地址:http://www.netcsharp.cn/showtopic-593.aspx
--------------------编程问答-------------------- 小技巧。。顶一个。。 --------------------编程问答-------------------- 学习。，看一下，收藏 --------------------编程问答-------------------- 顶 --------------------编程问答-------------------- UP~~~谢谢支持 --------------------编程问答-------------------- 顶 --------------------编程问答-------------------- 支持 --------------------编程问答-------------------- javascript好东西啊 --------------------编程问答-------------------- 这个小技巧不错,mark --------------------编程问答-------------------- jf --------------------编程问答-------------------- jf --------------------编程问答-------------------- 谢谢分享 --------------------编程问答-------------------- FILTER: progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
应为：
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
--------------------编程问答-------------------- up --------------------编程问答-------------------- 3Q --------------------编程问答--------------------
谢谢指出,已改正! --------------------编程问答-------------------- 浏览器兼容性不好 ff下没有效果 --------------------编程问答-------------------- 额....好像只支持IE.. --------------------编程问答-------------------- 学习，顶顶~ --------------------编程问答-------------------- 学习 --------------------编程问答-------------------- 谢谢支持 --------------------编程问答-------------------- 帮忙顶下。。以前也有这样的问题，但是好像不用这样
<asp:FileUpload ID="FUpMax" runat="server" onchange="Image1.src=this.value" />
<asp:Image ID="Image1" runat="server" Width="311px" Height="100px" />
貌似这样就可以了
我也是IE7.0好像用asp.net Development server看不出来效果，用IIS才行。 --------------------编程问答-------------------- mark一下 --------------------编程问答-------------------- 顶一个～ --------------------编程问答-------------------- 收藏,达者为师. --------------------编程问答-------------------- http://www.cnblogs.com/BZZ/archive/2008/01/25/1053073.html 这里可以参考一下，我测试是可以用的 --------------------编程问答--------------------
谢谢分享 --------------------编程问答-------------------- 不用谢 --------------------编程问答-------------------- 真不错,学习了 --------------------编程问答-------------------- 可以试试这个图片预览效果 --------------------编程问答-------------------- UP --------------------编程问答-------------------- 找的就是你，不用再怀疑 --------------------编程问答-------------------- 这个早就知道了 ！ --------------------编程问答-------------------- 正在找，感谢分享 --------------------编程问答-------------------- 我按照你的例子试过了,为什么不行的呢?你的那个样式错误了我也修改过来了,但是还会出错,名称什么都修改了 --------------------编程问答-------------------- 这个还要在后台cs 文件Page_Load事件中添加：
Fud_Pic.Attributes.Add("onchange", "return PreviewImg(this);");这句
--------------------编程问答-------------------- 欢迎加入.NET技术讨论群2号群 所有技术问题一起在线讨论 我帮助你成长 5851499 --------------------编程问答--------------------
补充：.NET技术 , ASP.NET
