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
  • 링크

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

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바