JavaScript変数でさまざまな画像ファイル形式を取得する

私は自分のポートフォリオWebサイトを開発しています。これはJavaScriptギャラリーに基づいています。スクリプトは、現在の位置を追跡することによって画像を表示してプリロードし、1つのファイルタイプだけを読み込む場合には鮮やかに機能します。ここに抽出物が来る:

var $current = 1;
var $sourceImage = 'path-to-images/'+$current+'.jpg';
var $newImage = new Image();
$newImage.src = $sourceImage;

しかし、ディレクトリ内に複数のファイルタイプがあるとしたら、例えば:1.jpg 2.jpg 3.gif 4.png
…?サーバー上に存在するファイルの拡張子を見つけて変数に渡す最も良い方法は何ですか?

アドバイスありがとう。

ベストアンサー

JavaScriptを使用してファイルが存在するかどうかを確認するには、ajaxリクエストを送信する必要があります。

var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
    if (!req) {
        throw new Error('XMLHttpRequest not supported');
    }

   //HEAD Results are usually shorter (faster) than GET
    req.open('HEAD', url, false);
    req.send(null);
    if (req.status == 200) {
        console.log('file exists');
    }
    else {
        console.log('file does not exist');
    }

phpjs から。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です