Membuat Validasi pada File Upload dengan JavaScript

Validasi adalah hal penting sebelum kita melakukan proses berikutnya. Itulah yang mau dibagikan hari ini. Bagaimana caranya membuat validasi terhadap form upload file yang sudah kita buat. Caranya cukup sederhana, kita cuma perlu membuat sebuah script JavaScript berikut.

<script language="javascript">
    function Checkfiles()
    {
        var fup = document.getElementById('filename');
        var fileName = fup.value;
        var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
        if(ext == "xls")
        {
            return true;
        }
        else if(ext=="")
        {
            alert("No file selected");
            fup.focus();
            return false;
        }else
        {
            alert("Sorry, You can upload xls file only !");
            fup.focus();
            return false;
        }
    }
</script>

Pada Script diatas saya ingin membuat validasi kalau file yang boleh diupload itu hanya file yang berekstensi .xls. Kalo mau validasi terhadap file yang lain, cukup menambahkan di kondisi ini aja.
if(ext == "xls")

Setelah itu buat form html nya seperti berikut ini.

<form method="post" enctype="multipart/form-data" action="#" onsubmit="return Checkfiles();">
Silakan Pilih File Excel yang akan di upload:<br><br>
    <input name="userfile" type="file" value="" accept=".xls" id="filename"><br><br>
<input name="upload" type="submit" value="Import">
</form> 

Nah, sederhana saja kan. Itu dulu ya, kalo ada yang mau ditanya silahkan tinggalkan komentar