javascript 如何检查React中是否存在文件

ncecgwcz 于 2023-05-21 发布在 Java

关注(0)|答案(2)|浏览(205)

我正在构建一个Next.js React网站，它可以从API中获取音频文件并将其存储在本地。但是，我想在调用API之前检查文件是否已经存在，以避免不必要的API调用。互联网上的大多数解决方案都是针对Node.js环境的，但我正在寻找一种可以从客户端浏览器工作的解决方案。
任何帮助将不胜感激。

2条答案

由于next.js基于node js运行时，因此可以使用fs模块existsSync
这是一种同步方法，允许您检查文件是否存在。

const fs = require('fs');
const path = './someFile.txt';

if (fs.existsSync(path)) {
  console.log('file exists');
}

你不能访问浏览器环境中的文件系统。否则

等等
React.js本身不提供直接文件系统访问功能。你可以做的是将文件名存储在服务器上的哈希集中，当你的应用加载时，你获取该数据（可能创建一个侦听器），将其存储在你的react状态系统中，在发出请求之前，你在客户端检查此状态。