如何使用javascript确保所选文件计数为零或一个

时间:2017-09-12 05:24:11

标签: javascript c# html asp.net

在我的应用程序中,我在gridview中有编辑按钮,用户将单击编辑按钮并单击编辑按钮 与该特定编辑行相关的所有数据都绑定到相应的文本框和文件上载控件 在这种情况下,用户可以选择另一个文件,或者如果选择了文件的计数,则他可能不会选择另一个文件 大于一或零如何才能做到这一点 下面是我的fileupload控制,更新按钮和编辑图像代码

<asp:FileUpload ID="filuploadmp3" runat="server" Width="224px" multiple="multiple" onchange="javascript:return checkwavextension();"  />
<asp:Button ID="btnupdate" runat="server" OnClick="btnupdate_Click" Text="Update" Width="62px" OnClientClick="return validateStuff();" />
<asp:ImageButton ID="Btn1" runat="server" Text="Edit" CommandName="mybutton" Width="20px" ImageUrl="~/images/page_white_edit.png" ToolTip="Edit" />

1 个答案:

答案 0 :(得分:0)

要仅允许选择一个文件,请删除多个=&#34;多个&#34;来自FileUpload

<asp:FileUpload ID="filuploadmp3" runat="server" Width="224px"  onchange="javascript:return checkwavextension();"  />

或者如果你想拥有它,那么你可以检查计数

function ValidateFile(){
    var fileCount = document.getElementById('filuploadmp3').files.length;
    if(fileCount > 1) // Selected images with in 1count
    {
       alert("Please select only 1!!");
       return false;
    }
    else if(fileCount <= 0) // Selected atleast 1 
    {
       alert("Please select atleat 1!!");
       return false;
    }

    return true;  // Good to go
}





function checkwavextension() {
    var chkFile = document.getElementById('<%= filuploadmp3.ClientID %>');
    var label = document.getElementById('<%= lblerrmsg.ClientID%>');
    var myfile = chkFile.value;
    if (myfile.indexOf(".wav") > 0 || myfile.indexOf(".mp3") > 0) {
        label.innerText = "Valid Format";
      //check mode insert or update
      //if update then 
      return ValidateFile();
    } else {
        label.innerText = "Invalid Format";
        chkFile.value = "";
    }
}

function ValidateFile(){
    var fileCount = document.getElementById('filuploadmp3').files.length;
    if(fileCount > 1) // Selected images with in 1count
    {
       alert("Please select only 1!!");
       return false;
    }
    else if(fileCount <= 0) // Selected atleast 1 
    {
       alert("Please select atleat 1!!");
       return false;
    }

    return true;  // Good to go
}