javascript yükleme boyutu doğrulama dosyası

SORU

15 EYLÜL 2010, ÇARŞAMBA

javascript yükleme boyutu doğrulama dosyası

Kontrol etmek için herhangi bir yolu yokturboyutbu javascript kullanarak yüklemeden önce.

CEVAP

15 EYLÜL 2010, ÇARŞAMBA

Evetbazı modern tarayıcılar, File API destekli W3C yeni bir özelliği var. Bu amaç için kullanılan olabilir, ve eğer değil ise hiç kolay desteklenen ve (gerekirse) geri çekilin başka bir düzenek olup olmadığını test etmek için.

İşte tam bir örnek:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Show File Data</title>
<style type='text/css'>
body {
    font-family: sans-serif;
}
</style>
<script type='text/javascript'>
function showFileSize() {
    var input, file;

    // (Can't use `typeof FileReader === "function"` because apparently
    // it comes back as "object" on some browsers. So just see if it's there
    // at all.)
    if (!window.FileReader) {
        bodyAppend("p", "The file API isn't supported on this browser yet.");
        return;
    }

    input = document.getElementById('fileinput');
    if (!input) {
        bodyAppend("p", "Um, couldn't find the fileinput element.");
    }
    else if (!input.files) {
        bodyAppend("p", "This browser doesn't seem to support the `files` property of file inputs.");
    }
    else if (!input.files[0]) {
        bodyAppend("p", "Please select a file before clicking 'Load'");
    }
    else {
        file = input.files[0];
        bodyAppend("p", "File "   file.name   " is "   file.size   " bytes in size");
    }
}

function bodyAppend(tagName, innerHTML) {
    var elm;

    elm = document.createElement(tagName);
    elm.innerHTML = innerHTML;
    document.body.appendChild(elm);
}
</script>
</head>
<body>
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='showFileSize();'>
</form>
</body>
</html>

here eylem. Chrome veya Firefox'un en son sürümü ile deneyin.

Biraz konu dışı ama: istemci taraflı doğrulamayı Unutmayınyerini hiçbir şey tutamaziçin sunucu tarafı doğrulama. İstemci tarafı doğrulama tamamen mümkün, daha iyi bir kullanıcı deneyimi sunmak için. Örneğin, almasına izin vermezseniz yükleme bir dosya daha 5 MB, geçer istemci tarafında doğrulama için onay dosyayı kullanıcı seçti değil fazla 5 MB boyutunda ve onlara güzel ve arkadaş canlısı bir mesaj ise (yani harcama o zaman yükleme sadece almak için neden çöpe at sunucusu), ama gerekirayrıcasunucu, olarak tüm sınırı zorlamak istemci tarafı sınırları (ve diğer doğrulamaları) aşılabilir.

Bunu Paylaş: