ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery と JavaScript を使用してファイルの存在を確認する方法

jQuery と JavaScript を使用してファイルの存在を確認する方法

Barbara Streisand
リリース: 2024-12-06 10:58:11
オリジナル
440 人が閲覧しました

How to Check for File Existence Using jQuery and JavaScript?

jQuery と JavaScript を使用したファイルの存在の検出

サーバー ファイルが存在するかどうかを判断することは、さまざまな Web アプリケーションにとって重要です。 jQuery と純粋な JavaScript を使用してこのタスクに取り組む方法は次のとおりです。

jQuery アプローチ

jQuery を使用すると、ファイルの存在を簡単に確認できます。

$.ajax({
    url: 'http://www.example.com/somefile.ext',
    type: 'HEAD',
    error: function() {
        // File does not exist
    },
    success: function() {
        // File exists
    }
});
ログイン後にコピー

純粋な JavaScript アプローチ

純粋な JavaScript の場合、XMLHttpRequest は代替:

function UrlExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status != 404;
}
ログイン後にコピー

このメソッドは 404 ステータス (ファイルが見つかりません) をチェックします。

注: 非同期 XMLHttpRequest は非推奨です。非同期で実装するには、次の点を考慮してください:

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback();
        }
    };
    xhr.open('HEAD', src);
    xhr.send();
}
ログイン後にコピー

以上がjQuery と JavaScript を使用してファイルの存在を確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート