使用JS相应事件以及动态创建对象控件

s471417811

浏览: 56653 次

最近访客更多访客>>

凌语星

青春依旧

8626916

hz2005_2009

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

.net

js响应事件 JS动态添加控件 js动态添加对象

今天做项目的时候遇到一个比较纠结的问题，在后台上传图片的时候，如果上传多张图的话，并且产生相应的缩略图，在不刷新页面的情况下怎么办。

想到这点马上就想到了JS了，可以用JS获取上传之后存放图片地址的文本框的 “内容被改变事件也就是onpropertychange事件来达到目的”

思路（注意上传时用的第三方控件，无法对其中的按钮来做事件响应）：当图片上传后,图片的地址是被隐藏在一个text中的，当上传完成，并在text中写入上传后的地址时，就会触发onpropertychange事件，那我们就在onpropertychange事件中做文章。在onpropertychange事件被触发时，我们就获取路径集合，分割路径，然后动态创建img对象。

以下是测试代码，复制到任意文本，并将后缀改为.html可用

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="txt2" runat="server"></asp:TextBox>
<p>结果:</p> 
    <div id="image"></div>
    <asp:TextBox ID="txt" runat="server"></asp:TextBox>
    <input type="button" id="btn"></input>
    
    </form>
    
    <script type="text/javascript"> 
        var $ = function(o) { 
        return document.getElementById(o) 
        }; 

        $('txt2').onpropertychange = function() { 
            $('txt').value = this.value; 
            $('abc').src = "images/JD1.jpg";
        } 

        $('btn').onclick = function() { 
            var imgID = new Image(); 
            imgID.src = "images/JD2.jpg"; 
            document.getElementById("image").innerHTML = "<img src="+imgID.src+" />"; 
        } 
    </script>
</body>
</html>

分享到：

js数组操作大全（转） | 在Repeater 中绑定 DropDownList

2012-04-10 18:09
浏览 3196
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用JS相应事件以及动态创建对象控件

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

使用JS相应事件以及动态创建对象控件

评论

发表评论

相关推荐

网页flv播放器JW FLV PLAYER 说明（转）

安装VisualSVN Server过程中出现错误，无法启动VisualSVN服务

SVN服务器搭建和使用（三）

SVN服务器搭建和使用（二）

SVN服务器搭建和使用（一）

在.net的绑定事件中使用if控制语句

asp.net 2.0 treeview点击相应的父节点文本展开子节点而不是点前面的加号才能打开

ASP.NET获取当前时间

让iframe的height=100%在IE7、8中正常显示

JS确定取消控制是否删除的方法

JS与Asp.Net的相互取值

js数组操作大全（转）

在Repeater 中绑定 DropDownList

点击repeater里面的按钮获取本行里面其他列中的数据

在asp.net中动态生成web控件

c#动态生成文字图片解决方案

.net弹出对话框

直接使用VS2008中的SQL2005

最近访客更多访客>>