javascript - 验证 AjaxFileUpload 中存在的文件是否已上传或挂起

Question

我如何验证在 AjaxFileUpload 中选择的文件已经上传或正在等待

这是我的 .aspx 页面代码

 <form id="form1" runat="server">
    <asp:ToolkitScriptManager runat="server">
    </asp:ToolkitScriptManager>
    <asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server"
        Width="400px" OnUploadComplete="OnUploadComplete" Mode="Auto" />       
</form>

.aspx.cs代码为

 protected void OnUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
    {
        string fileName = Path.GetFileName(e.FileName);
        AjaxFileUpload1.SaveAs(Server.MapPath("~/uploads/" + fileName));
    }

我已经实现了 java 脚本，通过它我能够验证该文件是否存在于 Ajaxfileupload 中，但是我无法验证哪个文件处于待处理状态。

  function validate() {
        if ($(".ajax__fileupload_fileItemInfo").length > 0) {
            alert('file exist .');
        }
        else {
            alert('select your file');
        }
    }

假设我已经上传了 2 个文件，然后在我添加一个新文件以进行上传之后，但是我如何验证 2 个文件已上传并且未上传新放置的文件。我需要从 java 脚本验证这一点

我需要在任何按钮的 onclientclick 事件上验证这一点。

Answer 1

我找到了适合我的答案实现代码

function validateImageUploaded() {
    if ($(".ajax__fileupload_fileItemInfo").length > 0) {
        if ($("div.ajax__fileupload_fileItemInfo").children('div').hasClass("pendingState"))
        {
            alert("found");
            return false;
        }
    }
    else {
        alert('select your file');
        return false;
    }
}