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

공지사항

인기 글

태그

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

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
modric

dev log

DEV/HTML

Input Type=File 제한

2017. 8. 14. 18:04

<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

    티스토리툴바