ng-image-compress에서 이미지 선택 만 허용

Question

ngImageCompress 모듈을 사용하여 이미지 파일을 압축합니다. 나는이 저장소 https://github.com/oukan/angular-image-compress에서 참조 있어요.

이제 파일 열기 대화 상자가 열리면 파일 형식을 "모든 파일"로 선택하면 사용자가 모든 유형의 파일을 선택할 수 있습니다. 이미 사용했습니다.

accept="image/*" 

속성이 ng-image-compress에 있습니다.

사용자가 다른 파일 형식을 선택할 수 없도록 제안하십시오.

Answer 1

마지막으로이 문제에 대한 해결책을 얻었습니다.

그냥 각도 - 이미지 compress.js 파일 내에서

element.bind('change', function(evt) 

에서 코드 조각을 다음과 같은 물품.

var files = evt.target.files; 
    for (var i = 0; i < files.length; i++) { 
     ////Check selected file type, if file type is image then allow else give message. 
     var file = this.files[i]; 
     var fileType = file["type"]; 
     var ValidImageTypes = ["image/gif", "image/jpeg", "image/png", "image/jpg"]; 
     var count = $.inArray(fileType, ValidImageTypes); 
     if (count < 0) { 
       alert("Only JPG, JPEG, PNG and GIF files are allowed"); 
       return; 
     } 
     .... 
     .... 
    }