javascript - 動的画像の src のファイル拡張子を特定する

Question

gifウェブページにロードされた画像がまたはの場合に特定のアクションを実行する Greasemonkey スクリプトの作業jpg。ページのコードは次のとおりです。

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

その URL のページには画像が 1 つしかないため、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);