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

Pubblicato il 13 Febbraio 2012

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!");

}

Autore: emawebdesign

Full Stack Developer, SEO Specialist, esperto della trasformazione digitale con oltre 20 anni di esperienza.

Pubblicato in: