用iframe实现灵活的上传文件

jackyrong

浏览: 7909565 次
性别:
来自: 广州

最近访客更多访客>>

尘与飞

深情痞子

Crow00

zihai367

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

.NET

JavaScript ASP XHTML

     用iframe其实还是可以做不少效果的，比如想做这样一饿效果：用户点某个连接，然后弹出文件上传框，之后点选了文件后，可以马上上传文件，而不象平时那样，选好文件好，还要按“上传”。是这样实现的，用IFRAME，

首先在index.aspx中这样写
<script type="text/javascript" language="javascript">
    function Browse()
    {
        var ifUpload;
        var confirmUpload;
        ifUpload = ifu.document.form1;
        ifUpload.myFile.click();
    }
</script>
    <title>File Upload</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lblStart" runat="server"></asp:Label>
        <a href="#" OnClick="javascript:Browse();">增加文件</a>
        <iframe src="Upload.aspx" frameborder="0" id="ifu" name="ifu"></iframe>
    </div>
    </form>
这里，有一个iframe,指向upload.aspx，当用户点“增加文件”时，首先是调用javascript的browse()了。在这里，先看下upload.aspx先

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script type="text/javascript">
    function SubmitForm()
    {

        document.form1.submit ();
    }
</script>
    <title>Upload</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="file" runat="server" id="myFile" name="myFile" style="visibility:hidden;" />
        <input type="button" runat="server" id="btnSubmit" name="btnSubmit" onclick="javascript:SubmitForm();" style="visibility:hidden;" />
        <br /><asp:Label ID="lblMsg" runat="server" ForeColor="red" Font-Size="Medium" Font-Bold="true"></asp:Label>
    </div>
    </form>
</body>

这里，同样也有一个文本上传框，但style是hidden,名称是myFile,而那个传统的上传按钮，这里叫btnSUbmit,而其onclick事件
submitform里，则提交了表单，同时load()里则是实际的上传代码。
同样，在main.aspx中，ifUpload.myFile.click();其实是调用了upload.aspx中的那个上传文件框，首先打开了这个文件框，然后当选定文件后，则通过
ifUpload.btnSubmit.click();实际上调用了那个“上传”的按钮了，从而完成整个过程

分享到：

ie里打印的一个好控件介绍 | (转)禁止掉ORACLE 的XDB服务

2007-10-12 22:40
浏览 3320
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论