Javascript正則表達式是一種非常強大的工具，它可以用來匹配特定的圖像格式。在這篇文章中，我將介紹Javascript正則表達式如何匹配不同類型的圖片格式。

首先，我們來看一下最常見的圖片格式——JPEG。JPEG是一種有損壓縮的常用格式，它可以通過以下正則表達式來匹配：

var jpegPattern = /(\.jpg|\.jpeg)$/i;

該正則表達式可以匹配.jpg和.jpeg兩種擴展名，如下所示：

console.log(jpegPattern.test('image.jpg')); // true
console.log(jpegPattern.test('image.jpeg')); // true
console.log(jpegPattern.test('image.png')); // false

除了JPEG，還有另一種常見的有損壓縮圖片格式——GIF。正則表達式如下：

var gifPattern = /\.gif$/i;

該正則表達式只會匹配.gif擴展名，如下所示：

console.log(gifPattern.test('image.gif')); // true
console.log(gifPattern.test('image.png')); // false

另外，我們還有一種比較新的有損壓縮圖片格式——WebP。WebP格式是由Google開發的一種新型圖片格式，它可以提供更優秀的壓縮比和更好的圖像質量。下面是一個匹配WebP格式的正則表達式：

var webpPattern = /\.webp$/i;

該正則表達式只會匹配.webp擴展名，如下所示：

console.log(webpPattern.test('image.webp')); // true
console.log(webpPattern.test('image.jpg')); // false

另外，我們還有一種無損壓縮的圖片格式——PNG。PNG格式廣泛用于Web頁面中，特別是用于透明圖片的展示。下面是一個匹配PNG格式的正則表達式：

var pngPattern = /\.png$/i;

該正則表達式只會匹配.png擴展名，如下所示：

console.log(pngPattern.test('image.png')); // true
console.log(pngPattern.test('image.jpeg')); // false

最后，我們還有一種不太常見的無損壓縮圖片格式——BMP。BMP是Windows中常用的一種位圖格式，下面是一個匹配BMP格式的正則表達式：

var bmpPattern = /\.bmp$/i;

該正則表達式只會匹配.bmp擴展名，如下所示：

console.log(bmpPattern.test('image.bmp')); // true
console.log(bmpPattern.test('image.jpeg')); // false

總結來說，Javascript正則表達式能夠通過不同的匹配方式來匹配不同的圖片格式。對于需要檢測上傳的文件是否是圖片類型的應用場景，正則表達式是一種非常方便和高效的解決方案。