您的位置:首页 > 编程语言 > ASP

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

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

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

<asp:FileUpload ID="fileUpload" runat="server" />

<asp:Button ID="btnUpload" runat="server" onclick="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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐