单击事件调用隐藏的 FileUpload 控件
Call hidden FileUpload control on click event
我的 asp.net 页面上有一个隐藏的 FileUpload
控件
<asp:FileUpload id="FileUploadControl" runat="server" CssClass="hidden" />
我希望在用户单击 Browse
按钮时调用此控件
<asp:Button runat="server" id="BrowseButton" text="browse" />
是否可以在用户每次单击 browse
按钮时将控制权交给 FileUpload
控件?
已编辑:
在 BrowseButton_Click
活动中我想要上传文件
protected void BrowseButton_Click(object sender, EventArgs e)
{
if (FileUploadControl.HasFile)
{
try
{
string filename = Path.GetFileName(FileUploadControl.FileName);
FileUploadControl.SaveAs(Server.MapPath("~/") + filename);
Response.Write("<script>alert('done');</script>");
}
catch (Exception ex)
{
Response.Write(ex.Message);
}
}
else
{
Response.Write("<script>alert('please choose');</script>");
}
}
是的,您可以使用 jQuery 在 客户端执行此操作。请找到以下代码:
<asp:FileUpload id="FileUploadControl" runat="server" CssClass="hidden" />
<asp:Button runat="server" id="BrowseButton" text="browse" OnClientClick="openfileDialog();return false"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
function openfileDialog() {
$("#FileUploadControl").click();
}
</script>
我的 asp.net 页面上有一个隐藏的 FileUpload
控件
<asp:FileUpload id="FileUploadControl" runat="server" CssClass="hidden" />
我希望在用户单击 Browse
按钮时调用此控件
<asp:Button runat="server" id="BrowseButton" text="browse" />
是否可以在用户每次单击 browse
按钮时将控制权交给 FileUpload
控件?
已编辑:
在 BrowseButton_Click
活动中我想要上传文件
protected void BrowseButton_Click(object sender, EventArgs e)
{
if (FileUploadControl.HasFile)
{
try
{
string filename = Path.GetFileName(FileUploadControl.FileName);
FileUploadControl.SaveAs(Server.MapPath("~/") + filename);
Response.Write("<script>alert('done');</script>");
}
catch (Exception ex)
{
Response.Write(ex.Message);
}
}
else
{
Response.Write("<script>alert('please choose');</script>");
}
}
是的,您可以使用 jQuery 在 客户端执行此操作。请找到以下代码:
<asp:FileUpload id="FileUploadControl" runat="server" CssClass="hidden" />
<asp:Button runat="server" id="BrowseButton" text="browse" OnClientClick="openfileDialog();return false"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
function openfileDialog() {
$("#FileUploadControl").click();
}
</script>