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

}

PHP - Ottenere i nomi dei database presenti in MySQL

Controlli JavaScript: verifica Cookie e Java

Realizzare animazioni con JavaScript, ecco come fare

Condividi il post con i tuoi amici o colleghi