Front-End/Javascript

[JavaScript] 업로드한 파일 확장자 검사

uni2237 2021. 1. 11.
728x90
728x90

자바스크립트 정규표현식 사용!

// 아래 csv|tsv 부분만 원하는 확장자로 수정하면 됨
if (!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)){
     return false;
}
function data_create() {

    var form = $("#upload_form")[0];
    var formData = new FormData(form);

    data_file=$('#dataFile').val()

    if(data_file==""){ //파일이 없을 때
        alert('Please upload your file');
        return false;
    }else if(!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)) { //정규표현식_ tsv, csv 파일만 허용
        alert('Only csv or tsv files are supported');
        return false;
    }

    formData.append("file", $("#dataFile")[0].files[0]);

    $.ajax({
        type: "POST",
        enctype: 'multipart/form-data',
        url: 'do_ins_mydata',
        data: formData,
        processData: false,
        contentType: false,

        success: function (data) {
            console.log('ajax request success')
        },
        beforeSend: function () {
            console.log('beforesend')
            $("#loading").show();
            
        },complete: function () {
            console.log("complete")
            setTimeout(function() {
                $("#loading").hide();
              },1000);
        },
       
        error: function (e) {
            console.log("error", e);
        }
    });
}
728x90
728x90

댓글