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

}

JavaScript file upload con Dropzone

Bootstrap Datetimepicker e l'evento change

Jcrop, ritagliare immagini con un plugin per Jquery

Condividi il post con i tuoi amici o colleghi