Javascript, form, validare file in upload

Ecco una funzione molto interessante, ci permette di validare in un form il file che l’utente stà caricando.

Nella gestione dei siti internet troppo spesso si devono inserire controlli per il caricamento da parte degli utenti/clienti di file non conformi alla struttura del sito. Esempio classico le immagini. Quante volte ci caricano file tiff, gif, bpn quando sono consentite solo le JPG?

Girovagando in rete e guardando sui vari tutorial di javascript ho trovato un sistema che mi ha permesso di utilizzare questa funzione sui miei script che mi ha non di poco agevolato.

 <script type="text/javascript">
     // <![CDATA[ 
  function VerificoFile(){ 
     var fup = document.getElementById('filename'); 
     var fileName = fup.value; 
     var ext = fileName.substring(fileName.lastIndexOf('.') + 1); 
     if(ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" ){ 
         return true; 
     }else{ 
        alert("Immagini consentite: JPG!"); 
        fup.focus(); 
        return false; 
     } 
   } 
   // ]]>
</script>

Nel form dobbiamo ricordarci di impostare l’onsubmit:

 
<form action="#" onsubmit="return VerificoFile();">
   <input id="filename" type="file" />
   <input type="submit" value="Carica" />
</form>

Spero vi sia utile questo script