asp.net 按钮 onclick 事件未触发。而是使用链接按钮，onclick 事件正在触发，但页面会自行重新加载

Question

我正在研究 asp.net c#。我面临一个问题，按钮 onclick 事件正在绑定但未触发。我不知道为什么。相反，我使用了链接按钮。在链接按钮中，onclick 事件正在触发，但页面会自行重新加载。我不知道为什么。关于我面临的这个问题的任何想法？

.aspx 文件

asp:FileUpload ID="FileUpload1_brand_image" onchange="ShowPreview(this)" runat="server" asp:LinkBut​​ton ID="btnUpload" runat="server" CssStyle="text-decoration:none;" OnClick="btnUpload_Click" CausesValidation="False"

.cs 文件：

protected void btnUpload_Click(object sender, EventArgs e) //Profile Image  
        {  
            if (IsPostBack)  
            {  
                String product_path = Server.MapPath("~/assets/images/" + shopname.Value + "/");  
                if (!Directory.Exists(product_path))  
                {  
                    Directory.CreateDirectory(product_path);  
                }  
                String extension = Path.GetExtension(FileUpload1_brand_image.FileName);  
                FileUpload1_brand_image.SaveAs(product_path + shopname.Value + "_profileimage" + extension);  
                Session["path"] = product_path + shopname.Value + "_profileimage" + extension;  

            }  
}  

enter image description here

Answer 1

由于回发，ASP.net 页面重新加载正在发生。为避免这种情况，您需要使用 AJAX。 AJAX 请求将避免整个页面重新加载。您可以使用JQuery 或APS.net AJAX toolkit。

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:FileUpload ID="FileUpload1" runat="server" />
        <asp:Button ID="btnAsyncUpload" runat="server"
           Text="Async_Upload" OnClick = "Async_Upload_File" />
        <asp:Button ID="btnUpload" runat="server" Text="Upload"
           OnClick = "Upload_File" />      
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID = "btnAsyncUpload"
          EventName = "Click" />
        <asp:PostBackTrigger ControlID = "btnUpload" />
    </Triggers>
</asp:UpdatePanel>



protected void Async_Upload_File(Object sender, EventArgs e)
{

}

protected void Upload_File(Object sender, EventArgs e)
{
  bool hasFile = FileUpload1.HasFIle;
}