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
第一步:创建一个新页面 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
相关文章推荐
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- Asp.Net 自定义控件实现图片的上传,浏览,删除功能
- Asp.Net 自定义控件实现图片的上传,浏览,Delete功能 推荐
- 基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )
- ASP .net 实现文件上传 下载功能
- 让ASP.NET的FileUpload控件支持浏览自动上传功能
- 在asp.Net中使用fileuplod控件实现上传图片的功能
- 在ASP.net中实现一个万能的“返回”按钮。
- 在asp.Net中使用fileuplod控件实现上传图片的功能
- 实现Asp.net mvc上传头像加剪裁功能
- Asp.net实现MVC处理文件的上传下载功能实例教程
- asp.net core实现文件上传功能
- 拥有网页版小U盘 ASP.NET实现文件上传与下载功能
- asp.net实现网站上传下载功能的几种方法
- ASP.NET下CKEditor3.6.4结合CKFinder2.3实现文本编辑器的上传功能
- asp.net中实现下载功能就是这样简单/asp.net中实现上传功能也是这样简单
- Asp.net实现MVC处理文件的上传下载功能实例教程
- 用ASP.NET的FileUpload控件实现带对话框的FTP文件上传功能
- asp.net MVC实现简单的上传功能