업로드시 확장자 체크 자바스크립트+이미지미리보기

원문보기

업로드시  확장자 체크하기

<script>
function FileType(){

 alert('선택한 파일은 '+ event.srcElement.value + '입니다');

  if( !event.srcElement.value.match(/(.jpg|.jpeg|.gif|.png)/)) {
      alert(' 그림이 아닌것은 업로드 안돼요..');
  }
}

</script>

<form>
<input type='file'  onchange="FileType()">
</form>

=====================

이미지 미리보기

<script type="text/javascript">
function imgPreview(img_el)
{
  if(event.srcElement.value.match(/(.jpg|.jpeg|.gif|.png)/)) {
    document.getElementById(img_el).src = event.srcElement.value;
  }
}
</script>

<img id='pre' border='0'><input type="file" name="" onchange="imgPreview('pre')">