JS 判断文件是否存在|极客笔记

JS 判断文件是否存在

在Web开发中，有时候我们需要判断某个文件是否存在，以便进行相应的处理。在JavaScript中，我们可以通过一些方法来实现这个功能。本文将介绍如何使用JavaScript判断文件是否存在。

方法一：使用Ajax请求

使用Ajax请求是一种常见的方法来判断文件是否存在。我们可以发送一个HEAD请求给服务器，如果返回的状态码是200，那么表示该文件存在；如果返回的状态码是404，那么表示该文件不存在。

function checkFileExistence(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('HEAD', url);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                callback(true);
            } else {
                callback(false);
            }
        }
    };
    xhr.send();
}

// 调用示例
checkFileExistence('https://www.example.com/image.jpg', function(exists) {
    if (exists) {
        console.log('文件存在');
    } else {
        console.log('文件不存在');
    }
});

上面的代码中，我们定义了一个checkFileExistence函数，接受文件URL和一个回调函数作为参数。在函数内部，我们使用XMLHttpRequest对象发送一个HEAD请求，根据返回的状态码来判断文件是否存在。

方法二：使用fetch API

除了使用XMLHttpRequest，我们还可以使用fetch API来判断文件是否存在。fetch API是一种现代的网络请求方法，使用起来更加方便。

function checkFileExistence(url, callback) {
    fetch(url, { method: 'HEAD' })
        .then(response => {
            if (response.ok) {
                callback(true);
            } else {
                callback(false);
            }
        })
        .catch(error => {
            callback(false);
        });
}

// 调用示例
checkFileExistence('https://www.example.com/image.jpg', function(exists) {
    if (exists) {
        console.log('文件存在');
    } else {
        console.log('文件不存在');
    }
});

上面的代码中，我们使用fetch API发送一个HEAD请求，根据返回的状态来判断文件是否存在。如果请求成功，则文件存在；如果请求失败，则文件不存在。

方法三：使用Node.js

如果是在Node.js环境中，我们可以使用Node.js提供的fs模块来判断文件是否存在。fs模块提供了丰富的文件操作功能，包括判断文件是否存在。

const fs = require('fs');

function checkFileExistence(filePath) {
    try {
        fs.accessSync(filePath, fs.constants.F_OK);
        return true;
    } catch (error) {
        return false;
    }
}

// 调用示例
if (checkFileExistence('path/to/file.txt')) {
    console.log('文件存在');
} else {
    console.log('文件不存在');
}

上面的代码中，我们定义了一个checkFileExistence函数，接受文件路径作为参数。在函数内部，我们使用fs.accessSync方法来判断文件是否存在，如果存在则返回true，否则返回false。