웹프로그래밍

Global It Leader!!


HTML


 
 

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

페이지 정보

작성자 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 1,348회 작성일 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 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 92 05-14
열람중 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1349 04-10
31 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3642 06-16
30 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2108 06-08
29 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2897 09-18
28 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2989 12-06
27 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5684 12-06
26 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3324 05-17
25 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3494 05-17
24 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3426 05-17
23 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3692 01-16
22 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3431 12-11
21 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4670 10-26
20 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4381 09-20
19 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3905 06-11
18 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3996 06-04
17 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4030 04-21
16 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4031 04-15
15 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 6837 04-20
14 no_profile 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5188 02-29