Press "Enter" to skip to content

JavaScript estensione file: rilevare l’estensione di un file in JS

Spesso, in una web application, abbiamo la necessità di effettuare dei controlli sul tipo di file che viene selezionato in un campo di tipo input file.

Possiamo rilevare l’estensione del file con la seguente funzione JavaScript:

function getFileExtension(filename)
{
  var ext = /^.+\.([^.]+)$/.exec(filename);
  return ext == null ? "" : ext[1];
}

Avendo il campo input file, l’id univoco “myFile“, utilizzeremo la funzione per verificare se, l’estensione, è di tipo jpg, gif o png:

var file = $('#myFile').val();
 
var fileExt = getFileExtension(file);
 
if (fileExt!="" && fileExt!="jpg" && fileExt!="gif" && fileExt!="png")  {
 
            alert("Il file deve essere di tipo JPG, GIF o PNG!");
 
}

Condividi l'articolo con i tuoi amici

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.