여러 파일 업로드에 대한 유효성 확인 설정

Question

사용자가 이미지를 10 개만 선택할 수 있는지 확인하기 위해 FileUpload 컨트롤의 유효성을 검사하려고합니다. 이미 서버 측 코드가 있습니다. 하지만 클라이언트 측에서 유효성을 검사하고 싶습니다.

코드 : 귀하의 ValidateFile2() 방법에

<asp:FileUpload ID="FileUpload2" CssClass="myButton1" multiple="multiple" 
    runat="server" /> 
<asp:Button ID="Btnuploadimages" runat="server" CssClass="myButton" 
    Style="margin-top: 2px;" OnClientClick="return ValidateFile2()" 
    Text="Upload" OnClick="Btnuploadimages_Click" /> 

Answer 1

당신은 당신이 File Upload Control에서 selected files count을받을 수 있도록 아래의 코드를 추가해야합니다. 아래의 조건을 확인하여 선택한 파일의 유효성을 검사 할 수 있습니다.

클라이언트 측 코드 :JavaScript

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

    return true; // Good to go 
} 

JQuery와 및 자바 스크립트 코드가 jQuery를 사용하여 JS Fiddle