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));
    }

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

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

使用以下 JavaScript 解决

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;
}}

Answer 1

您可以使用.children和.hasClass来做到这一点

$("div.ajax__fileupload_fileItemInfo").children('div').hasClass("pendingState")