jQuery または JavaScript を使用してサーバー ファイルの存在を確認するにはどうすればよいですか?

jQuery または JavaScript を使用してサーバー ファイルの存在を確認する方法

サーバー ファイルの存在の確認は、ウェブ開発。 jQuery と JavaScript は、これを達成するための簡単なソリューションを提供します。

jQuery メソッド:

jQuery は、HEAD メソッドで Ajax リクエストを使用し、取得するリクエストをサーバーに送信します。実際にコンテンツをダウンロードせずに、ファイルに関するメタデータを取得します。サーバーがエラー (例: 404) を返した場合、ファイルは存在しません。

$.ajax({
    url:'http://www.example.com/somefile.ext',
    type:'HEAD',
    error: function() {
        //file not exists
    },
    success: function() {
        //file exists
    }
});

純粋な JavaScript メソッド (jQuery なし):

このメソッドは、XMLHttpRequest オブジェクトを使用して HEAD リクエストを送信します。ステータス コード 404 は、ファイルが存在しないことを示します。他のステータス コードは、その存在を示唆しています。

function UrlExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status != 404;
}

非同期実行の更新されたアプローチ:

同期 XMLHttpRequest は非推奨になっているため、非同期ユーティリティ メソッドを使用できます。

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

以上がjQuery または JavaScript を使用してサーバー ファイルの存在を確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。