tips | Web Developer Freelance / Web Designer / SEO Specialist Freelance

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

Pubblicato il 13/2/2012 alle 07:06

emawebdesign

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

Pubblicato in: JavaScript, jQuery, Scripts, tips | Nessun commento »

Invia questo articolo a un amico via email

Finestra confirm con SimpleModal

Pubblicato il 25/1/2012 alle 13:12

emawebdesign

Con l’articolo Simple Modal: finestre di dialogo personalizzate ti ho segnalato un ottimo plugin jQuery per implementare finestre modali, SimpleModal di Eric Martin.

Piccolo “tips“, se vuoi utilizzare la finestra “confirm” con questo plugin, la sintassi è la seguente:

confirm("Sicuro di voler eliminare l'immagine?", function () {
 
    //Operazioni da compiere se si conferma, in questo caso un redirect
    window.location.href = param;
 
});