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

Question

使用 Greasemonkey 脚本，如果网页上加载的图像是 agif或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
}

Answer 2

为您的图像标签添加 id="something"。然后是这样的：

var path = document.getElementById('something').src;
var extidx = path.lastIndexOf('.');
var extension = path.substr(extidx+1);