updatepanel FileUpload
2011-08-06 11:21
281 查看
FileUpload放在updatepanel中,回调时发现上其属性hasfile为false。解决方案如下:
方案一、如果将scriptmanager的enablepartialrending设为false则可以正确上传,这个方法最简单,但是会有缺陷,就是在同一个页面上的多个UpdatePanel不可以独自刷新了。另外,当你的UpdatePanel中存在Validator的话,会造成整个页面postback,这个问题似乎是Altas的一个bug.
方案二、摘自http://www.netfocus.cn/article950.html
1:主页面中使用UpdatePanel,然后UpdatePanel里面放置的不是FileUpload控件,而是一个Iframe
2:这个iframe在链接一个新的页面,那个页面里面有FileUpload控件。
3:上传完毕后,告诉主页面上传得结果
先看一个直接使用FileUpload的例子:这个例子里面,服务端是无法找到上传文件的。
<atlas:UpdatePanel ID="up1" Mode="Conditional" runat="server">
<ContentTemplate>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
< SPAN>ContentTemplate>
< SPAN>atlas:UpdatePanel>
看看,我们该如何实现
1:新建主页面Default.aspx
在适当的位置,放置一个上传附件的UpdatePanel区域
<atlas:UpdatePanel ID="up_attachment" Mode="Conditional" runat="server">
<ContentTemplate>
<iframe id="file" name="file" src="attachment.aspx">< SPAN>iframe>
< SPAN>ContentTemplate>
< SPAN>atlas:UpdatePanel>
2:新建上传文件的页面attachment.aspx,然后放上FileUpload控件
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="OK" OnClick="Button1_Click" />
< SPAN>div>
3:在attachment.aspx里面,上传文件之后调用主页面的js,报告上传情况。这是函数原型:
<script>
window.top.callBack(fileName);
< SPAN>script>
4:Default.aspx主页面里面增加这个函数,处理返回值
<script>
function callBack(fileName) {
document.getElementById('Attach1').innerHTML=fileName;
}
< SPAN>script>
方案一、如果将scriptmanager的enablepartialrending设为false则可以正确上传,这个方法最简单,但是会有缺陷,就是在同一个页面上的多个UpdatePanel不可以独自刷新了。另外,当你的UpdatePanel中存在Validator的话,会造成整个页面postback,这个问题似乎是Altas的一个bug.
方案二、摘自http://www.netfocus.cn/article950.html
1:主页面中使用UpdatePanel,然后UpdatePanel里面放置的不是FileUpload控件,而是一个Iframe
2:这个iframe在链接一个新的页面,那个页面里面有FileUpload控件。
3:上传完毕后,告诉主页面上传得结果
先看一个直接使用FileUpload的例子:这个例子里面,服务端是无法找到上传文件的。
<atlas:UpdatePanel ID="up1" Mode="Conditional" runat="server">
<ContentTemplate>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
< SPAN>ContentTemplate>
< SPAN>atlas:UpdatePanel>
看看,我们该如何实现
1:新建主页面Default.aspx
在适当的位置,放置一个上传附件的UpdatePanel区域
<atlas:UpdatePanel ID="up_attachment" Mode="Conditional" runat="server">
<ContentTemplate>
<iframe id="file" name="file" src="attachment.aspx">< SPAN>iframe>
< SPAN>ContentTemplate>
< SPAN>atlas:UpdatePanel>
2:新建上传文件的页面attachment.aspx,然后放上FileUpload控件
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="OK" OnClick="Button1_Click" />
< SPAN>div>
3:在attachment.aspx里面,上传文件之后调用主页面的js,报告上传情况。这是函数原型:
<script>
window.top.callBack(fileName);
< SPAN>script>
4:Default.aspx主页面里面增加这个函数,处理返回值
<script>
function callBack(fileName) {
document.getElementById('Attach1').innerHTML=fileName;
}
< SPAN>script>
相关文章推荐
- Asp:UpdatePanel with FileUpload Control inside.
- updatePanel下使用uploadFile控件
- AsyncFileUpload: File Upload in UpdatePanel, ASP.NET AJAX
- FileUpload and UpdatePanel
- MasterPage + UpdatePanel + FileUpload
- FileUpload.PostedFile里面总是空的UpdatePanel(FileUpload.PostedFile always null inside UpdatePanel)
- ewebapp 的Upload控件 在含有UpdatePanel 的页面中不能使用
- upload和updatepanel
- upload file to server
- ASP.Net 在Update Panel局部刷新后 重新绑定JS方法
- Jquery ajaxFileUpload的一些心得
- php+ajax实现无刷新文件上传功能(ajaxuploadfile)
- FtpWebRequest UploadFile返回"The underlying connection was closed: The server committed a protocol violation."解决方法
- 第三篇: UpdatePanel 控件示例
- JQuery Upload File插件上传文件提示 Empty file upload result
- 在UpdatePanel中弹出对话框 - 沉积…
- updatepanel刷新后重新加载js脚本问题
- 如何在非同步Postback过程中修改位于UpdatePanel外的控件内容
- ScriptManager和UpdatePanel用法 (ajax)
- UpdatePanel控件的使用