当前位置:编程学习 > C#/ASP.NET >>

[分享]使用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 --------------------编程问答--------------------
引用 12 楼 conannb 的回复:
FILTER: progidXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
应为:
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)


谢谢指出,已改正! --------------------编程问答-------------------- 浏览器兼容性不好 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
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,