Regex untuk nama file gambar

Gunakan /^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i untuk memastikan seluruh string adalah nama file gambar yang valid. Setiap contoh di bawah sudah diuji terhadap pola ini, dan kamu bisa membukanya di Regex Tester dengan contoh yang sudah dimuat.

Diperbarui

/^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i
Buka di Regex Tester
InputHasil
photo.JPG✓ Cocok
logo.svg✓ Cocok
my.image.webp✓ Cocok
document.pdf✗ Tidak cocok
png✗ Tidak cocok
image.png.bak✗ Tidak cocok
.png✗ Tidak cocok

Cara kerja pola

BagianArti
^.+Satu atau lebih karakter nama file
\.Titik terakhir
(?:jpe?g|png|gif|webp|avif|svg)Salah satu ekstensi yang diizinkan (jpeg atau jpg)
i flagTidak peka huruf besar/kecil, jadi .JPG juga cocok

Contoh kode

JavaScript

const re = /^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i;
re.test(value); // true or false

Python

import re

bool(re.fullmatch(r'.+\.(?:jpe?g|png|gif|webp|avif|svg)', value, re.I))

PHP

preg_match('/^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i', $value) === 1;

Catatan dan batasan

Memeriksa ekstensi cukup untuk memberi petunjuk kepada pengguna, tapi jangan pernah mengandalkannya untuk keamanan. Periksa isi file (magic bytes) di server.

Pertanyaan yang sering diajukan

Apa regex untuk nama file gambar?
/^.+\.(?:jpe?g|png|gif|webp|avif|svg)$/i — pola ini mencocokkan seluruh string. Lihat tabel di atas untuk fungsi tiap bagiannya.
Contoh mana yang cocok?
Dari contoh yang diuji, yang cocok adalah: photo.JPG, logo.svg, my.image.webp. Yang lainnya tidak cocok.
Bagaimana cara menguji regex ini?
Klik “Buka di Regex Tester” — pola, flag, dan teks contoh akan termuat otomatis, dan kecocokan akan disorot saat kamu mengedit.