Validasi multiple input file

Saya mau bertanya bagaimana cara saya untuk mengecek/validasi tipe file ketika upload file. Selama ini saya menggunakan fungsi onclick, jadi jika user klik tombol upload maka akan muncul notif/alert tipe file tidak sesuai (jika user salah memasukkan filenya). Tapi ini hanya berlaku pada form upload yg pertama, tidak pada yang lainnya. Berikut adalah kodingan js saya

function cekExt(){
var selection = document.getElementById('file');
for (var i=0; i<selection.files.length; i++) {
    var ext = selection.files[i].name.substr(-3);
    if(ext!== "pdf" && ext!== "xls" && ext!== "xlsx" && ext!== "jpg" && ext!== "jpeg")  {
        alert('not an accepted file extension');
        return false;
        }
    }
}

<input type="file" id="file" name="userfile[]" class="form-control" onclick="cekExt()" required>
<input type="file" id="file" name="userfile[]" class="form-control" onclick="cekExt()" required>

avatar warnamagenta
@warnamagenta

13 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

mengambil selectionnya jangan berdasarkan id tapi class, karena id itu hanya mengambil yang pertama cara lainnya kalau jumlah filenya sudah tahu dari awal dan ngga banyak, pakai kata kunci "event.target"

<pre> var selection = event.target </pre>

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 4 tahun yang lalu

Hai mas @hilmanrdn terimakasih atas cluenya yaa..

avatar warnamagenta
@warnamagenta

13 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban