javascript - 想要在我的按钮单击事件中使用 ajax 多个文件上传

Question

这是我的 .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 事件上上传图像，以便单击我可以上传图像以及我还能省流量

Answer 1

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

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

希望对您有所帮助，否则请告诉我。