[JavaScript] 파일업로드시 용량 검사하기[JavaScript] 파일업로드시 용량 검사하기
Posted at 2019. 12. 26. 11:25 | Posted in JavaScript & jQuery/JavaScript참고 : https://zzznara2.tistory.com/617
■ 파일업로드시 용량 검사하기
# 소스코드
<html> <head> <title>:: JAVASCRIPT 파일업로드 ::</title> <script type="text/javascript"> function imgFileUpload() { /// @brief 업로드할 이미지의 크기( Byte )를 구해온다. const imgSize = document.getElementById("personImg").files[0].size; /// @brief 업로드할 이미지 사이즈의 크기는 4MB 이하로 설정 const maxSize = 4 * 1024 * 1024; /// @brief 이미지 if(imgSize > maxSize) { alert("첨부할 수 있는 이미지 파일은 4MB 이하여야 합니다."); document.getElementById("personImg").focus(); return false; } else { alert("업로드 가능한 이미지입니다."); } } </script> </head> <body> <form enctype="multipart/form-data" id="upFrm" method="post"> <input type="file" id="personImg" name="personImg" value=""/> <input type="button" onClick="imgFileUpload();" value="업로드"/> </form> </body> </html> |
# 출력결과 - 수정예정
관련문서 : [JavaScript] 파일업로드시 확장자 검사하기
'JavaScript & jQuery > JavaScript' 카테고리의 다른 글
| [JavaScript] getElementByTagName( ) 메소드 (0) | 2020.02.28 |
|---|---|
| [JavaScript] INPUT TYPE FILE 썸네일 생성 (0) | 2020.01.16 |
| [JavaScript] 체크박스 전체 선택 - Sample (0) | 2019.12.19 |
| [JavaScript] 실시간 타이머(시계) 만들기 (2) | 2019.12.05 |
| [JavaScript] 전광판 효과 구현하기 (0) | 2019.12.05 |
