Sto cercando di cavalcare l'onda HTML5 ma sto affrontando un piccolo problema. Prima di HTML5 stavamo controllando le dimensioni del file con Flash, ma ora la tendenza è quella di evitare di utilizzare Flash nelle app web. Esiste un modo per controllare la dimensione del file sul lato client utilizzando HTML5?
Risposte:
Funziona. Inseriscilo in un listener di eventi per quando l'input cambia.
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
La risposta accettata è effettivamente corretta, ma è necessario associarla a un listener di eventi in modo che venga aggiornato ogni volta che viene modificato l'input del file.
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
Se stai usando la libreria jQuery, il seguente codice potrebbe tornare utile
$('#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);
}
});
Dato che la conversione del fileSize da visualizzare in qualsiasi metrica dipende da te.
.files: jsfiddle.net/edxvo4wa (l'ho scoperto da solo quando stavo cercando una soluzione - funziona se lo cambi in document.getElementById).
L'API fie HTML5 supporta la verifica della dimensione del file.
leggi questo articolo per avere maggiori informazioni su file api
http://www.html5rocks.com/en/tutorials/file/dndfiles/
<input type="file" id="fileInput" />
var size = document.getElementById("fileInput").files[0].size;
allo stesso modo l'API file fornisce nome e tipo.
Personalmente, opterei per questo formato:
$('#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
}
}
"nessuna semplice soluzione cross-browser per raggiungere questo obiettivo": rilevamento della dimensione di caricamento del file sul lato client?