ASP.NET 一个按钮实现浏览跟上传功能

最近做到一个项目 需要实现一个按钮来实现文件浏览和上传这两个功能 在网上找了很多资料 最后想到了解决办法、

第一步：创建一个新页面 WarehousePositionImport.aspx 在页面中放如下两个控件：

 <asp:FileUpload ID="fileUpload" runat="server" />
        <asp:Button ID="btnUpload" runat="server" οnclick="btnUpload_Click" Text="上传" />

 

第二步：在我们需要用到的页面放入一个iframe框架 把width和height设置为0 这样就隐藏了iframe，

             另外在放一个按钮。

<iframe id="newframe" src="WarehousePositionImport.aspx" width="0" height="0"></iframe>
  <asp:Button ID="btnImport" runat="server" OnClientClick="return btnImport_onclick()" Text="批量导入" ></asp:Button>

 

第三步：我们现在要实现点击这个按钮触发另外一个页面的FileUpload和上传按钮事件

     在页面创建一个JS函数 如下代码：

  

function btnImport_onclick() {
            var fileupload = newframe.window.document.getElementById("fileUpload");
            var btnupload = newframe.window.document.getElementById("btnUpload");

            if (fileupload != "undefined")
                fileupload.click();

            if (fileupload.value != "") {
                BtPopload("poping");
                if (btnupload != "undefined")
                    btnupload.click();
            }
            return false;
            //BtPopload("popend");

        }

这样我们就实现了点击btnImport按钮触发iframe框架中的控件，具体的上传我们在WarehousePositionImport.aspx中去完成

 

第四步::完成上传功能 huida