js控制FileUpload上传控件把上传的文件添加到指定的div中

<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
        function fileAdd()
        {
            var file_appendixs = document.getElementById("file_appendix").value;
            var arrfile = new Array();
            arrfile = file_appendixs.split("\\");
            var A ="";
            for(var i=0;i<arrfile.length;i++)
            {
                A = arrfile[i];
            }
            var fillist = A+"<input id='cb_del' name='cb_del' type='checkbox' value='" + A + "' />；&nbsp;&nbsp;"
            //fillist+="<input id='but_delete' name='but_delete' type='button' value='删除选中'>";
            //document.write(fillist);
            var div = document.getElementById("file");
            div.innerHTML+=fillist;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:FileUpload ID="FileUpload1" runat="server" />
        <asp:FileUpload ID="file_appendix" runat="server" Width="250px" />
        <input type="button" value="添加" runat="server" onclick="fileAdd()" /><br />
        <div id="file">
            
        </div>
        <div>
            <input type="button" value="删除选中" id="but_delete" onclick="fileDelete()" />
        </div>
        <br />
    </div>
    </form>
</body>

运行效果是：

posted on 2011-05-17 15:11 张@天阅读(1351) 评论(0) 编辑收藏举报