FORM 파일 전송전 파일용량 체크 정보
FORM 파일 전송전 파일용량 체크본문
파일 업로드 이후, 업데이트 처리 이전에
스크립트에서 파일용량 체크 스크립트 입니다.
<form id="form" name="form" onsubmit="return form_submit(this);" enctype="multipart/form-data" autocomplete="off">
<input id="file" type="file" name="file" accept="*/*">
<button type="submit">업로드</button>
</form>
<script>
/**
* FORM_SUBMIT
* @param get_form
*/
function form_submit(get_form) {
var anCheckSize = 2 * 1024 * 1024; // 2MB
if (input_file_size('file') > anCheckSize)
{
alert("첨부파일 사이즈는 2MB 이내로 등록 가능합니다. ");
return false;
}
return false;
}
/**
* INPUT FILE SIZE
* @param get_element_id
*/
function input_file_size(get_element_id) {
var anCheckFile = document.getElementById(get_element_id);
var anFileSize = 0;
if (anCheckFile.value !== '' && anCheckFile.files[0].size > 0) {
anFileSize = anCheckFile.files[0].size;
}
return anFileSize;
}
</script>
추천
5
5
댓글 6개
웹에 처음 입문하고 파일업로드 하는 걸 가장 먼저 배우려고 했던 기억이 새롭네요.
요즘은 프론트에서 웬만한 건 다 체크가 가능하고 아작스로 업로드해도 되고 등등 선택의 여지가 많아진 것 같습니다.
Joan 님도 저랑 똑같이 submit 를 할 때 버튼을 쓰시네요. input 보다 버튼이 css 먹이기가 훨 수월하더라구요.
요즘은 프론트에서 웬만한 건 다 체크가 가능하고 아작스로 업로드해도 되고 등등 선택의 여지가 많아진 것 같습니다.
Joan 님도 저랑 똑같이 submit 를 할 때 버튼을 쓰시네요. input 보다 버튼이 css 먹이기가 훨 수월하더라구요.
@비타주리
많은 라이브러리와 플러그인들이 많지만, 기본부터 학습을 해보고 있습니다..^^
습관적으로 form 액션 처리는 button 으로 처리하고, 경우에 따라 a input 등도 활용합니다.. ㅎㅎ
많은 라이브러리와 플러그인들이 많지만, 기본부터 학습을 해보고 있습니다..^^
습관적으로 form 액션 처리는 button 으로 처리하고, 경우에 따라 a input 등도 활용합니다.. ㅎㅎ
@Joan 멀티 파일업로드 틀을 아주 멋지게(?) 만들어 놓은 것이 있지요...
디렉토리 트리구조도 시각적으로 나름대로 괜찮게 만들어 놓은 것이 있구요.
문제는 액션 스크립트로 만들어 놓은 거라 이젠 무용지물이에요.ㅜㅠ
액션 스크립트는 제가 쓰기에는 json 보다는 xml 방식으로 정보를 받는 것이 더 편하더라구요.
한 10년 전쯤인가? 그누4 시절 일일 방문자수를 xml 화 해서 플래시로 뿌려주는 swf 를 여기서 공유한 기억도 있거든요. 플래시로 만들다 보니 숫자가 하나씩 춤추듯이 날아와서 꽂히는 식이었는데...
관리자 페이지 떡고물은 계속 기대중 입니다.ㅋ
디렉토리 트리구조도 시각적으로 나름대로 괜찮게 만들어 놓은 것이 있구요.
문제는 액션 스크립트로 만들어 놓은 거라 이젠 무용지물이에요.ㅜㅠ
액션 스크립트는 제가 쓰기에는 json 보다는 xml 방식으로 정보를 받는 것이 더 편하더라구요.
한 10년 전쯤인가? 그누4 시절 일일 방문자수를 xml 화 해서 플래시로 뿌려주는 swf 를 여기서 공유한 기억도 있거든요. 플래시로 만들다 보니 숫자가 하나씩 춤추듯이 날아와서 꽂히는 식이었는데...
관리자 페이지 떡고물은 계속 기대중 입니다.ㅋ
감사합니다
감사합니다
감사합니다.