Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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>
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>
Hai mas @hilmanrdn terimakasih atas cluenya yaa..