aspnet 利用FileUpload控件实现弹出选择文件功能

来源：互联网发布：手机有学编程的吗编辑：程序博客网时间：2024/05/12 01:34

因为近期项目需要刚刚接触aspnet，遇到需要在客户端弹出对话框的需求，不知道有什么第三方控件的情况下使用aspnet中的FileUpload控件中的弹窗功能。整个过程有些曲线救国的意思。

整体思路：

隐藏FileUpload、Button两个asp控件，通过input按钮触发FileUpload的click事件，再通过FileUpload的onchange事件触发Button的click事件，调用后台代码。

<asp:FileUpload ClientIDMode="Static" ID="FileUpload1" runat="server" onchange="document.getElementById('Button2').click();" Style="visibility: hidden"/><input id="Button1" type="button" value="选择文件" class="button"  onclick="document.getElementById('FileUpload1').click()" /><asp:Button ID="Button2" ClientIDMode="Static" runat="server" Style="visibility: hidden" Text="Button" OnClick="Button1_Click_Test"/>

在后台事件中进行后续业务操作

protected void Button1_Click_Test(object sender, EventArgs e){<span style="white-space:pre"></span>Response.Write("<script>alert('Test')</script>");<span style="white-space:pre"></span>//对文件的操作FileUpload1.FileName}

使用document.getElementById获取asp控件时，之前使用"控件ID.ClientID"发现有时候无法获取到具体控件，这边我设置ClientIDMode为Static后直接使用控件ID号作为查找方式。同时注意隐藏控件的时候需要使用Style="visibility: hidden" 如果设置Visible为false，则事件无法触发。

1 0