Como extrair a extensão de um arquivo com JavaScript

Neste artigo você vai aprender a como extrair a extensão de um arquivo com JavaScript, ou seja, obter a extensão do arquivo enviado por um form

Fala programador(a), beleza? Bora aprender a obter a extensão de um arquivo por meio de JavaScript puro!

Vamos primeiramente precisar armazenar o nome do arquivo ou path do arquivo em uma variável

Tendo esta informação, podemos separar esta string por meio da função split em cada ponto do arquivo “.”

Ou seja, teremos as partes dele isoladas, como seu nome e também a sua extensão

E aí é só resgatar a última parte do array com o método pop, que nos retornará o último elemento deste array que veio de split

Veja na prática:

var arquivo = "img/foto.png";

var extensao = arquivo.split(".").pop();

console.log(extensao); // png

Aqui temos uma imagem, e aplicamos a técnica anteriormente mencionada

Após a impressão da variável extensão temos a resposta de png, que é a extensão da nossa imagem

Arquivos sem extensão

Pode acontecer de um arquivo ser salvo de uma forma errada, e ficar sem extensão

Então para resolver este problema você pode inserir uma checagem com if

E verificar se o pop retornou algo que esteja entre as extensões que você procura

Esta é uma forma de prevenir futuros possíveis erros que podem acontecer no seu software

Conclusão

Neste artigo vimos como extrair a extensão de um arquivo com JavaScript

Utilizamos métodos da própria linguagem como split e pop

É importante também considerar arquivos salvos de modos diferentes do previsto, para que se faça uma prevenção de erros que podem ocasionar no seu sistema

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube