[React,HTML] input 태그에 file을 받을때 이미지 파일만 받는 법

<input className={'file-upload-input'} 
name={'imgPathUrl'} type={'file'} 
accept=".jpg, .jpeg, .png" 
onChange={handleThumbnailChange}/>

 

input태그로 file을 받아올 때, accept라는 속성을 사용하여 가져올 파일의 확장자를 선택할 수 있습니다.

저는 사진파일만 받을 것이기 때문에 .jpg, .jpeg, .png 만 가져올 것 입니다.

실제로 input을 선택해서 파일 추가를 했을때 위에 3개 확장자 파일만 보여집니다.