[JavaScript] 파일첨부 파일명, 확장자 추출

HTML

<form id="fileForm" method="post" enctype="multipart/form-data">
    <span class="filebox">
        <input id="fileName" class="fileName" readonly>
        <input type="file" name="file" id="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
        <label id="fileBtn" for="file">엑셀업로드</label>
    </span>
</form>​

 

 

JavaScript

    // 파일명 불러오기
    const file = document.getElementById('file');
    let path = file.value;
    let fileName = path.substring(path.lastIndexOf('\\')+1, path.length);
    
    // 확장자 추출
    let ext;
    if(fileName.indexOf('.') >= 0) {
        ext = fileName.substring(fileName.lastIndexOf('.')+1, fileName.length);
    } else {
        ext = '';
    }
    
    // 파일 검증
    if (file == "") {
        alert("파일이 없습니다.")
        return false;
    } else if (ext.toLowerCase() != 'xlsx') {
        alert("확장자가 \"xlsx\" 인 Excel 파일만 업로드 가능합니다.")
        return false;
    }