JavaScript判断文件是否存在的实例代码

下面是详细讲解 JavaScript 判断文件是否存在的完整攻略。

问题描述

有时我们需要在 JavaScript 中判断某个文件是否存在，这在处理文件上传、下载等场景中很常见。那么如何用 JavaScript 判断文件是否存在呢？我们分别从前端和后端两个方面进行说明。

前端方案

前端方案是通过发送 HTTP 请求，并监听响应状态码来判断文件是否存在。

下面是示例代码：

function checkFileExist(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('HEAD', url, false);
  xhr.send();
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log('文件存在');
      return true;
    } else {
      console.log('文件不存在');
      return false;
    }
  }
}

我们封装了一个 checkFileExist 函数，接收文件的 URL 作为参数。函数通过 XMLHttpRequest 对象发送 HEAD 请求，不需要返回响应数据，仅用于获取响应状态码和头信息。当响应状态码为200时，表示文件存在，否则文件不存在。

可以使用以下代码调用该函数：

var url = 'http://example.com/file.txt';
checkFileExist(url);

后端方案

后端方案是通过 Node.js 来判断文件是否存在。

下面是示例代码：

var fs = require('fs');

function checkFileExist(path) {
  try {
    fs.accessSync(path, fs.F_OK);
    console.log('文件存在');
    return true;
  } catch (e) {
    console.log('文件不存在');
    return false;
  }
}

我们利用了 Node.js 内置的 fs 模块，其中的 fs.accessSync 方法用于同步地检查文件是否存在。如果文件存在，则方法不会抛出异常，否则会抛出异常，我们可以通过 try...catch 语句来捕获异常并判断文件是否存在。

可以使用以下代码调用该函数：

var path = '/path/to/file.txt';
checkFileExist(path);

总结

以上就是 JavaScript 判断文件是否存在的两种方案。前端方案是通过发送 HTTP 请求来判断文件是否存在，后端方案是通过 Node.js 读取文件系统来判断文件是否存在。这两种方案可以根据不同的场景进行选择使用。