Определить расширение файла динамического изображения 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

Добавить id = "something" для вашего тега изображения. Тогда что-то вроде этого:

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

Answer 2

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 
}