웹프로그래밍

Global It Leader!!


HTML


 
 

HTML만으로 첨부파일을 이미지로 한정하기

페이지 정보

작성자 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,383회 작성일 22-04-10 23:03

본문

HTML input type 및 attributes 확장으로 HTML만으로 구현 가능한 것이 계속 늘고 있습니다.

 

이번에 소개할 것은 accept input 속성입니다.

이것을 활용하면 첨부파일에 특정 파일 양식만 가능하도록 지정할 수 있습니다.

 

<input type="file" name="file" accept=".jpg,.jpeg,.bmp,.png,.gif">

 

mime/media 유형을 같이 적용하면,

 

<input type="file" id="img" name="img" accept="image/*">

 

이미지 뿐만 아니라 다른 확장자도 지정할 수 있습니다. (이미지, 오디오, 비디오, 워드 등)

 

<input type="file" accept="file_extension|audio/*|video/*|image/*|media_type">

댓글목록

등록된 댓글이 없습니다.

전체 33
게시물 검색
HTML 목록
번호 제목 글쓴이 조회 날짜
33 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 123 05-14
열람중 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1384 04-10
31 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3715 06-16
30 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2147 06-08
29 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2936 09-18
28 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3039 12-06
27 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5729 12-06
26 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3359 05-17
25 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3539 05-17
24 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3455 05-17
23 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3737 01-16
22 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3474 12-11
21 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4724 10-26
20 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4402 09-20
19 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3961 06-11
18 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4024 06-04
17 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4059 04-21
16 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4069 04-15
15 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6878 04-20
14 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5227 02-29