Upload Edilen Dosyanin Boyutunu Javascript ile Kontrol etmek

Web sitemizde dosya yüklemek güvenlik açisindan her zaman sorun olmustur, Bu güvenlik açiklarindan biriside dosyanin boyutudur. Kötü niyetli veya dikkatsiz bir kullanicinin çok büyük bir dosyayi sitemize upload etmesini engellemek için server tarafinda veya client tarafinda yapilabilecek bazi kontroller vardir.

Client tarafindaki kontrol her zaman daha hizli olacaktir, kullanicinin browserinda javascript engelli olma ihtimalini her zaman göz önünde bulundurmak ve server tarafinda 2. bir kontrol yapmaniz önerilir.

Bu yazimizda client tarafinda javascript ile upload edilecek dosyanin boyutunu nasil kontrol edecegimize basit bir önerk verelim istedik.

Asagidaki kod parçacigi sayfada eklenen dosyalarin boyutlarini toplayip izin verilen ile karsilastirir. 


function çokluDosyaBoyutuKontrolü() // multiple filesize check
{var MAX_FILE_SIZE
    var node_list = document.getElementsByTagName('input');
    var totalFilesSize = 0;
    for (var i = 0; i < node_list.length; i++) {
        var node = node_list[i];
 
        if (node.getAttribute('type') == 'file') {
            if (node.files.length > 0) {
                for (var j = 0; j < node.files.length; j++) {
                    file = node.files[j];
                    if (file != 'undefined')
                        totalFilesSize += file.size;
                }
                    
            }
                
        }
    }
    if (totalFilesSize > MAX_FILE_SIZE) {
        alert('Eklenen dosyalarin toplam boyutu izin verilenden fazla!');
        return;
    }
}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir