Input Type=File 제한

2017. 8. 14. 18:04·DEV/HTML

<input type="file" accept=".png, .jpg, .gif" onchange="filecheck(this)">


function filecheck(obj){

    pathpoint = obj.value.lastIndexOf('.');

    filepoint = obj.value.substring(pathpoint+1,obj.length);

    filetype = filepoint.toLowerCase();

    if(filetype=='png' || filetype=='jpg' || filetype=='gif') {  // 허용한 확장자일 경우


    } else {

        alert('jpg, gif, png 파일만 첨부할 수 있습니다');


        parentObj  = obj.parentNode

        node = parentObj.replaceChild(obj.cloneNode(true),obj);


        return false;

    }

}

저작자표시 비영리 변경금지 (새창열림)

'DEV > HTML' 카테고리의 다른 글

select 태그 placeholder 효과  (2) 2021.04.29
파비콘 (바로가기 만들기 깨짐 현상)  (0) 2021.03.04
input 자동 완성 막기  (0) 2017.11.30
div onclick 안에서 다른 요소 onclick  (0) 2017.10.18
URL 인코딩표  (0) 2017.09.20
'DEV/HTML' 카테고리의 다른 글
  • 파비콘 (바로가기 만들기 깨짐 현상)
  • input 자동 완성 막기
  • div onclick 안에서 다른 요소 onclick
  • URL 인코딩표
modric
modric
  • modric
    dev log
    modric
  • 전체
    오늘
    어제
    • 분류 전체보기 (70)
      • DEV (58)
        • Linux (12)
        • JavaScript (5)
        • PHP (4)
        • MySql (4)
        • HTML (7)
        • CSS (9)
        • Spring (13)
        • flutter (1)
        • 오류 (2)
        • devOps (1)
      • 기타 (5)
      • 트렌드 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
    • HTML
    • CSS
    • PHP
    • JavaScript
    • Spring
    • Linux
  • 링크

    • 공부하는 소담아빠
    • 타올이
  • 공지사항

  • 인기 글

  • 태그

    MYSQL
    메타버스
    exist
    크롬
    iframe
    mariadb 10
    centos 7
    컴파일
    Android
    mariadb10
    centos7
    팩토리얼
    터치
    js
    테두리
    build
    100!
    linux
    Safari
    ios
    제거
    update
    php
    height
    factorial
    Destination
    파란색
    넘침
    lastinsertid
    클릭
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
modric
Input Type=File 제한
상단으로

티스토리툴바