Tips & Tricks | Usar JavaScript para extraer fácilmente la extensión de un fichero

poster-wide

En este artículo escribiré un truco sencillo para leer la extensión de un fichero mediante JavaScript pensando, no sólo en conocer dicha extensión, sino además en guardarla en una variable para poder realizar acciones como agregar un icono, emparejarlo con una clase de CSS, etc.

En principio podríamos usar un substring () pero, dado que existen extensiones de diferente tamaño tendríamos que estar haciendo un código bastante complejo que vaya descartando cada una de las posiblidades.

Otra solución podría pasar por usar endsWidth()  pero si queremos quedarnos con el valor de la extensión en una variable, no nos serviría.

Otra posibilidad, esta vez más adecuada, es la de aplicar un split()  por el punto y quedarnos con la última parte de la división. Nos serviría y sería adecuada para nuestro caso, pero hay una opción mejor

La mejor opción es usar una expresión regular que, en una única línea nos devuelva directamente la extensión del fichero y así poder guardarlo en una variable.

var extension = /[^.]+$/.exec(filename);

Con esta expresión, tendríamos la extensión del fichero guardada en la variable extension  y así poder usarla más adelante como queramos.

Enjoy coding.