Asp.net上传图片产生预览效果
来源:互联网 发布:盗贼源码 编辑:程序博客网 时间:2024/04/28 02:47
1在页面上放入一个上传控件和一个图片控件.
<asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show(this.value)"/>
<asp:Image ID="Image1" runat="server" />
<asp:Image ID="Image1" runat="server" />
2在上传控件中写onpropertychange="show(this.value)"事件并调用js中的show函数并将自身的参数传进js.
<script type="text/javascript">
function show(id)
...{
document.getElementById("Image1").src=id;
}
</script>
function show(id)
...{
document.getElementById("Image1").src=id;
}
</script>
Ie6,Ie7测试通过(注要通过滤器实现)
<div id="divview" style="filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH: 166px; HEIGHT: 190px">
<!--用于显示图片-->
</div>
<asp:FileUpload ID="FileUpload3" runat="server" onpropertychange="show1(this.value)"/>
<!--用于显示图片-->
</div>
<asp:FileUpload ID="FileUpload3" runat="server" onpropertychange="show1(this.value)"/>
<script type="text/javascript">
function show1(upimg)
...{
var dd=document.getElementById("divview");
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
dd.style.width = 166;
dd.style.height = 190;
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
}
</script>
function show1(upimg)
...{
var dd=document.getElementById("divview");
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
dd.style.width = 166;
dd.style.height = 190;
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
}
</script>
- Asp.net上传图片产生预览效果
- Asp.net上传图片产生预览效果
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览
- ASP.NET上传图片时,产生预览(测试通过)
- ASP.NET上传图片时并产生预览
- asp.net C#图片上传+预览
- ASP.NET MVC图片上传前预览
- 图片上传预览效果
- 上传图片 预览效果
- 上传图片 预览效果
- 图片上传预览效果
- ASP上传图片预览
- .net 上传图片预览
- Java远程通讯可选技术及原理
- PHP 计算页面执行时间
- pbDelta工具,一款像VSS一样具有源码版本对比的Powerbuilder利器
- 使用UNION ALL产生ORA-00933 ERROR 的问题
- Enterprise Library 2.0 技巧(1):如何使用外部配置文件
- Asp.net上传图片产生预览效果
- 回顾动态语言的2007——乱花渐欲迷人眼
- DFS Search and BFS Search on Tree
- Zune支持哪些格式?
- 在JSF中实现分页
- .net 条件编译
- 無染覺性直觀解脫之道
- GetLastErrord 的用法
- linux 生成缩略图的命令