Postingan lainnya
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..