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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 5470 | |
| 5469 | |
| 5466 | |
| 5465 | |
| 5464 | |
| 5463 | |
| 5462 | |
| 5461 | |
| 5458 | |
| 5457 | |
| 5456 | |
| 5451 | |
| 5450 | |
| 5449 | |
| 5448 | |
| 5447 | |
| 5446 | |
| 5445 | |
| 5434 | |
| 5433 | |
| 5430 | |
| 5429 | |
| 5428 | |
| 5427 | |
| 5426 | |
| 5425 | |
| 5424 | |
| 5423 | |
| 5422 | |
| 5421 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기