Javascript判断文件是否存在(客户端/服务器端)

Javascript判断文件是否存在的完整攻略

在Javascript中判断文件是否存在，分为客户端和服务器端两种情况。

1. 客户端判断文件是否存在

在客户端，可以使用XMLHttpRequest对象来进行异步判断文件是否存在。这里提供一个示例：

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

// 调用方法
checkFileExists('http://www.example.com/test.jpg', function(exists) {
  if (exists) {
    console.log('文件存在');
  } else {
    console.log('文件不存在');
  }
});

这个函数接受一个url和回调函数作为参数。在函数内部，使用XMLHttpRequest对象进行HEAD请求，然后根据状态码来判断文件是否存在。如果状态码为200则表示文件存在，否则表示文件不存在。使用回调函数可以方便地处理异步请求结果。

2. 服务器端判断文件是否存在

在服务器端，可以使用Node.js的fs模块来判断文件是否存在。这里提供一个示例：

var fs = require('fs');
var path = '/path/to/file';

fs.access(path, fs.constants.F_OK, function(err) {
  if (err) {
    console.log('文件不存在');
  } else {
    console.log('文件存在');
  }
});

这个代码使用了fs.access方法来判断文件是否存在。如果该文件不存在，则会返回一个错误对象。如果文件存在则会返回undefined。

在这个例子中，我们使用了常量fs.constants.F_OK，表示我们期望文件存在。我们还可以使用其他常量，如fs.constants.R_OK表示判断文件是否可读。

注意事项

• 在客户端判断文件是否存在时，需要注意跨域问题。
• 在服务器端，应该对文件路径进行有效性检查，防止出现路径遍历漏洞。

以上就是Javascript判断文件是否存在的完整攻略。