Programming > jQuery/JavaScript

jQuery 파일 사이즈 및 확장자 체크

#jQuery,#javascript,#file,#size,#input,#

HTML/JSP 내에서 파일 사이즈 취득

jQuery 에서 파일사이즈 취득

jQuery 3.6 미만

$("#input_file_id")[0].files[0].size;

jQuery 3.6 이상

$("#input_file_id")[0].files[0].sizeSize;

확장자 체크

        $("#btnReg").click(function() {
            
            var fnm = $("#orgFileName").val();
            if(fnm!=null && fnm!=''){
                var ext = fnm.replace(/^.*\./, '');
                if (ext == fnm) {
                    ext = '';
                } else {
                    ext = ext.toLowerCase();
                }
                switch (ext) {
                    case 'png':
                    case 'bmp':
                    case 'jpg':
                    case 'jpeg':
                    case 'gif':
                    case 'xlsx':
                    case 'pptx':
                    case 'zip':
                    case 'txt':
                    case 'ppt':
                    case 'pdf':
                    case 'mp4':
                    case 'hwp':
                    case 'alz':
                        break;
                    default:
                        alert("png, bmp, jpg, jpeg, gif, xlsx, pptx, zip, \n txt, ppt, pdf, mp4, hwp, alz 확장자만 첨부할 수 있습니다.");
                        return;
                }
            }