input type="file" 사용법

HTML

<input type='file' name='file' accept='image/jpeg,image/gif,image/png' onchange="chk_file_type(this)">

여러 파일이면 multiple 을 추가한다.

JavaScript

function chk_file_type(obj) {
  let file_kind = obj.value.lastIndexOf('.');
  let file_name = obj.value.substring(file_kind+1,obj.length);
  let file_type = file_name.toLowerCase();
  let check_file_type=new Array();
  check_file_type=['jpg','gif','png','jpeg','bmp'];
  if(check_file_type.indexOf(file_type)==-1){
    alert('이미지 파일만 선택할 수 있습니다.');
    let parent_Obj=obj.parentNode;
    let node=parent_Obj.replaceChild(obj.cloneNode(true), obj);
    parentObj.children[0].value="";
    return false;
  }
}