javascript - 确定动态图像 src 的文件扩展名

Question

正在编写 Greasemonkey 脚本，如果网页上加载的图像是 gif 或 jpg，该脚本将执行特定操作。页面代码如下:

<div id="current_photo">      
    <div style="text-align:center;">
        <img src="[url]/[random numbers].gif/jpg" alt="" style="[styles]">
    </div>
</div>

URL 的开头是唯一的，因为页面上只有一张具有该 URL 的图像。需要一种方法来拉动该路径并从中获取扩展。

Answer 1

问题中的 HTML 格式不正确。这真的是一个准确的片段吗？链接到目标页面。

无论如何，这样的代码应该可以工作:

var payloadImage    = document.querySelector ("#current_photo div img");

if (/\.gif$/i.test (payloadImage.src) ) {
    // DO GIF ACTION HERE
} 
else if (/\.jpg$/i.test (payloadImage.src) ) {
    // DO JPG ACTION HERE
}
else {
    // DO WHATEVER HERE
}