Javascript-希望在我的按钮单击事件上上传多个文件

这是我的.aspx页面代码

 <form id="form1" runat="server">
    <asp:ToolkitScriptManager runat="server">
    </asp:ToolkitScriptManager>
    <asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server"
        Width="400px" OnUploadComplete="OnUploadComplete" Mode="Auto" />
    <asp:Button ID="abc" runat="server" Text="Button" OnClientClick="$('.ajax__fileupload_uploadbutton').trigger('click');" OnClick="abc_Click" />
</form>

.aspx.cs代码是

 protected void OnUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
    {
        string fileName = Path.GetFileName(e.FileName);
        AjaxFileUpload1.SaveAs(Server.MapPath("~/uploads/" + fileName));
    }
    protected void abc_Click(object sender, EventArgs e)
    {
    // need file upload on this click and also need to store some outer data in this click event
    }

如何在我自己的按钮单击事件上实现ajax多个文件上传,因为我需要上传多个文件以及此按钮单击上的其他一些数据

我已经放置了控制html和.cs代码,它们运行良好,并且正在通过事件OnUploadComplete上传多张图片,但是我需要在abc_Click事件上上传图片,以便在单击时可以上传图片以及保存数据

解决方法:

您应该真正考虑将项目迁移到ASP.NET MVC.当向后台代码发送不同且多种数据类型时,这将给您带来很多好处.然后,您可以制作一个ViewModel,该ViewModel可以保存图片列表以及所需的其他信息,并通过一次调用将所有信息发送到您的后端.

当然,我不知道您是否已经有MVC的经验,但是如果没有,
请参阅此链接以获取更多知识：
https://www.asp.net/mvc

希望对您有所帮助,否则请告诉我.

标签：ajaxcontroltoolkit,ajax,asp-net,javascript,c
来源： https://codeday.me/bug/20191111/2018377.html