Neste artigo você vai aprender a como remover a extensão do nome arquivo com JavaScript, ou seja, extrair apenas o nome, sem a extensão
Fala programador(a), beleza? Bora aprender mais sobre como trabalhar com nome de arquivos com JavaScript!
Provavelmente você deve ter o nome do arquivo com extensão em uma string
Para extrair o nome sem a extensão, vamos aplicar uma expressão regular na string que contém o nome do arquivo
Resgatando a primeira parte, após o último ponto, que é o que determina a extensão
Veja o código completo:
const file = "image.jpg" const fileName = file.replace(/\.[^/.]+$/, "") console.log(fileName) // image
Primeiramente temos a variável file, que contém o nome completo do arquivo
Depois aplicamos a regex, ela substitui tudo após o ponto por uma string vazia
O que no resultado final faz sobrar somente o nome do arquivo, que é o que precisamos
Uma outra alternativa seria utilizar Node.js, mas aí estamos falando de back-end
Veja o que podemos fazer:
const path = require('path');
const filename = 'image.jpg';
console.log(path.parse(filename).base); // image.jog
console.log(path.parse(filename).name); // image
console.log(path.parse(filename).ext); // .jpg
O módulo path pode extrair as informações de uma arquivo com o método parse
Assim é possível destinguir extensão de nome, apenas acessando as propriedades ext ou name
Bem simples não acha? 🙂
Conclusão
Neste artigo você aprendeu a como remover a extensão do nome arquivo com JavaScript
Vimos uma abordagem com JavaScript puro, onde utilizamos uma regex
E outra com Node.js, onde foi utilizado o core module path
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!