Ho cercato sul Web e SO per capire questo da solo con molti modi diversi, ma senza successo.Convalida le estensioni di file da un array
Vorrei mostrare un messaggio se l'estensione del file è accettata o meno, nello stesso modo delle istruzioni "outpush.push".
Questo dovrebbe essere preso da un ARRAY delle estensioni di file accettate come JPG, PNG, GIF e rilevare se l'estensione del file è in maiuscolo e accettarlo (convertirlo in lettere minuscole).
Ecco il mio script. Mi chiedo come e dove nella sceneggiatura potrei implementare una funzione del genere?
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
var max_size = 5120; // Max file size
var output = [];
for (var i = 0, f; f = files[i]; i++) {
output.push('<li><strong><font size="3" color="FFFFFF">FILE: ', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
f.size, ' bytes, last modified: ',
f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
'</font></li>');
if(f.size > max_size) {
output.push('<font size="5" color="FFFF00"><b>ERROR!! Sorry, but the file that you selected is too large. Please upload a file that is no larger than ' + max_size + ' KB.');
}
if(f.size < max_size) {
output.push('<font size="5" color="FFFF00"><b>FILE SIZE OK. CLICK TO SEND button below.</font>');
output.push('<font size="5" color="FFFFFF"><hr><b>IMPORTANT: Do not close this window. Wait till you see the next page when finished uploading your file.</font>');
document.getElementById("myButton").style.display="all";
}
}
document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
Dov'è il jQuery? Tutto questo sembra JavaScript di base. –
Hai ragione. Modificherò la mia domanda. Pensavo che era. –
Ci sono già delle risposte qui sotto, ma aggiungerò che hai 'if (f.size> max_size)' e 'if (f.size