HTML만으로 첨부파일을 이미지로 한정하기
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">
그누보드강좌/영카트강좌 - 기초부터 적용까지 체계적인 영상강좌
By 웹학교
댓글 8개
민트다이어리
3년 전
좋은 정보 감사합니다. ^^
3년 전
@민트다이어리 ^-^
3년 전
감사합니다.
3년 전
@써맨 ^-^
3년 전
웹학교님 어디 아프셨는지요?
여튼 다시 뵈어서 반갑습니다
여튼 다시 뵈어서 반갑습니다
3년 전
@비타주리 마음이 아팠습니다. ㅎ 농담입니다. 즐거운 주말 보내세요.
디자이너민
3년 전
좋은정보감사합니다~^^
3년 전
@디자이너민 ^-^
게시판 목록
365ok IT뉴스
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 106 | 3년 전 | 344 | ||
| 105 | 3년 전 | 320 | ||
| 104 | 3년 전 | 407 | ||
| 103 | 3년 전 | 422 | ||
| 102 | 3년 전 | 456 | ||
| 101 | 3년 전 | 704 | ||
| 100 | 3년 전 | 381 | ||
| 99 | 3년 전 | 685 | ||
| 98 | 3년 전 | 887 | ||
| 97 | 3년 전 | 347 | ||
| 96 | 3년 전 | 390 | ||
| 95 | 3년 전 | 609 | ||
| 94 | 3년 전 | 356 | ||
| 93 | 3년 전 | 352 | ||
| 92 | 3년 전 | 442 | ||
| 91 | 3년 전 | 619 | ||
| 90 | 3년 전 | 456 | ||
| 89 | 3년 전 | 349 | ||
| 88 | 3년 전 | 270 | ||
| 87 | 3년 전 | 325 | ||
| 86 | 3년 전 | 338 | ||
| 85 | 3년 전 | 384 | ||
| 84 | 3년 전 | 377 | ||
| 83 | 3년 전 | 434 | ||
| 82 | 3년 전 | 347 | ||
| 81 | 3년 전 | 413 | ||
| 80 | 3년 전 | 923 | ||
| 79 | 3년 전 | 437 | ||
| 78 | 3년 전 | 782 | ||
| 77 | 3년 전 | 453 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기