HTML에서 파일 업로드 시 특정 타입의 데이터만 올리기

- Java에서의 처리

public void uploadPhotos(MultipartFile[] uploadFiles){

        for(MultipartFile photo : uploadFiles)
        {
            String type = photo.getContentType(); //jpg가 들어온다면 image/jpg 라고 들어옴
            if(type.startsWith("image") == false)
            {
                loggger.debug("type error...");
                return;
            }
            
        }
        
 }

MultipartFile.getContentType()으로 확인하면 해당 데이터의 ContentType이 String 값으로 나오고

이미지일 경우 image/jpg 식으로 나오고,

기타 앱에서 생서어된 파일을 경우 application/~ 이런식으로 나온다.

 

 

 

- HTML에서의 처리

            <div class="form-group">
                <label>Photo</label>
                <input name="uploadPhotos" accept="image/*" type="file" multiple>
                <button type="button" class="uploadBtn">Upload</button>
            </div>

애초에 업로드창의 선택할 수 있는 타입의 옵션을 이미지 관련 타입만 선택 가능하도록 해줌.

그러나 모든 종류의 파일로 옵션을 바꾸면 어떤 종류의 파일이든 업로드 선택 가능하므로 자바에서의 처리와 함께 사용할 필요가 있겠다.

 

 

참조 : 코딩의 시작, TCP School