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

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

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바