HTML5 dalgasına binmeye çalışıyorum ama küçük bir sorunla karşı karşıyayım. HTML5'ten önce dosya boyutunu flash ile kontrol ediyorduk ancak şimdi trend, web uygulamalarında flash kullanmaktan kaçınmaktır. İstemci tarafında dosya boyutunu HTML5 kullanarak kontrol etmenin bir yolu var mı?
Yanıtlar:
Bu çalışıyor. Giriş değiştiğinde onu bir olay dinleyicisinin içine yerleştirin.
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
Kabul edilen cevap aslında doğrudur, ancak bunu bir olay dinleyicisine bağlamanız gerekir, böylece dosya girişi her değiştirildiğinde güncellenir.
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
JQuery kitaplığı kullanıyorsanız, aşağıdaki kod kullanışlı olabilir
$('#fileInput').on('change',function(){
if($(this).get(0).files.length > 0){ // only if a file is selected
var fileSize = $(this).get(0).files[0].size;
console.log(fileSize);
}
});
Herhangi bir metriğin görüntüleneceği fileSize dönüşümünün size bağlı olduğu göz önüne alındığında.
.files: jsfiddle.net/edxvo4wa (- Bunu değiştirmek eğer çalıştığını ben bir çözüm gelirken bu kendim keşfettim document.getElementById).
HTML5 fie api, dosya boyutunu kontrol etmeyi destekler.
dosya api hakkında daha fazla bilgi almak için bu makaleyi okuyun
http://www.html5rocks.com/en/tutorials/file/dndfiles/
<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;
benzer şekilde dosya API'si isim ve tip verir.
Şahsen, şu biçimi tercih ederdim:
$('#inputFile').bind('change', function(e) {
var data = e.originalEvent.target.files[0];
// and then ...
console.log(data.size + "is my file's size");
// or something more useful ...
if(data.size < 500000) {
// what your < 500kb file will do
}
}
"Bunu başarmak için basit, çapraz tarayıcı çözümü yok": İstemci tarafında dosya yükleme boyutu tespit ediliyor mu?