【JavaScript】ファイルの存在チェック(ネイティブ機能)【2024年最新版】

2024年現在、JavaScriptにおけるファイルの存在チェック方法は次の通り。
fetchメソッドとasync/awaitを使うとファイルの存在チェックを行うコードを書ける。
fetchメソッド: ES2015(ES6)で導入
async/await: ES2017(ES8)で導入

このコードはライブラリを使用せず、純粋なJavaScriptを使用して、指定されたファイルの存在を確認する。
ネイティブなJavaScriptの機能(fetch関数とasync/await)を利用して、指定されたファイルの存在を確認する。

【JavaScript】ファイルの存在チェック(ネイティブ機能)【2023年最新版】 (attacktube.com)から少し改善する。
fetch()関数は、非同期操作を行うためにPromiseを返すから、new Promiseは不要だった。それから、try catch文がmain()関数の方だけでよかった。

const checkFileExistence = async function(url) {
  const response = await fetch(url);
  if (response.status === 200) {
    console.log('ファイルは存在します。');
    // ファイルが存在する場合、0を返す
    return 0;
  } else {
    console.log('ファイルは存在しません。');
    // ファイルが存在しない場合、1を返す
    return 1;
  }
};

const imageUrl = 'http://localhost/test13/001.jpg';

const main = async function() {
  try {
    const ret = await checkFileExistence(imageUrl);
    if (ret === 0) {
      console.log('OK ret = ' + ret);
    } else {
      console.log('NG ret = ' + ret);
    }
  } catch (error) {
    console.error('エラーが発生しました。:', error);
  }
};

main();

• 
• Tweet

• JavaScript