Expresiones regulares·una extensión de archivo de imagen

una extensión de archivo de imagen

Coincide con una extensión de archivo de imagen. Está anclado en ambos extremos, así que debe coincidir la cadena entera. No tiene grupos de captura.

Patrón
/^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i
Alcance
la cadena entera
Grupos de captura
0
Banderas
i · ignorar mayúsculas
Lo que captura en el primer ejemplo
photo.jpg

Pruébalo

Escribe cualquier texto y se marcará lo que captura la expresión. Todo ocurre en tu navegador y no se envía a ninguna parte.

photo.jpg

1 coincidencia

Ejemplos que coinciden

  • photo.jpg
  • icon.SVG

Ejemplos que no coinciden

  • photo.txt
  • jpg
  • .png

Otras expresiones del grupo

^\+[1-9]\d{7,14}$un número de teléfono en forma internacional^[a-z][a-z0-9_]{2,15}$un usuario que empieza por letra^[a-z0-9]+(?:-[a-z0-9]+)*$un slug de URL^[^\\/:*?"<>|]+\.[a-z0-9]+$un nombre de archivo con extensión^/(?:[^/\0]+/)*[^/\0]*$una ruta estilo Unix^[A-Za-z]:\\(?:[^\\/:*?"<>|]+\\)*[^\\/:*?"<>|]*$una ruta de Windows^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$una etiqueta HTML^\.-?[_a-z][_a-z0-9-]*$un selector de clase CSS

Cómo leerlo

  • Con ^ y $ alrededor, debe coincidir la cadena entera; sin ellos, la coincidencia puede estar en cualquier parte. Ancla siempre lo que uses para validar.
  • Los paréntesis ( ) capturan lo que envuelven. Si solo necesitas agrupar, escribe (?: ) para que no se desplace la numeración.
  • Cada expresión de aquí se comprueba con sus ejemplos. Aun así, "parece un correo" y "es un buzón real" son cosas distintas.
  • Las repeticiones abiertas anidadas como (a+)+ pueden dispararse con ciertas entradas. Busca esa forma antes de pegar una expresión ajena.

Preguntas frecuentes

Q. ¿Cuál es la regex para una extensión de archivo de imagen?

^.+\.(?:jpe?g|png|gif|webp|avif|svg)$, con la bandera i.

Q. ¿Qué cadenas coinciden?

Un texto como photo.jpg coincide; uno como photo.txt no.

Q. ¿Debe coincidir la cadena entera?

Sí. Va entre ^ y $, así que solo pasa una coincidencia completa.

Q. ¿Cómo uso lo capturado?

No hay grupos de captura, así que solo vuelve la coincidencia completa (match[0]). Envuelve entre paréntesis la parte que necesites.