p5.js | nfs()函数

nfs()函数是p5.js中的一个文件操作函数，其全称为not found sketch（未发现速写），用于在文件系统中创建新文件或者打开已存在的文件。

语法

nfs(filename, mode, callback);

其中，filename表示需要操作的文件的名称，mode用于指定文件的模式，callback则是操作完成后需要执行的回调函数。

mode参数说明

• "a" : 向文件中添加内容(如果该文件不存在，则先创建该文件再添加内容)。
• "w" : 写模式，覆盖整个文件内容(如果该文件不存在，则先创建该文件再写入内容)。
• "r" : 读取模式，读取文件内容(如果该文件不存在，则会抛出错误)。

示例代码

function setup() {
  createCanvas(400, 400);
  
  // 向文件中添加文本
  var txt = "Hello, World!";
  nfs("data/test.txt", "a", function(file) {
    file.write(txt);
    console.log("Content added: " + txt);
  });
  
  // 读取文件
  nfs("data/test.txt", "r", function(file) {
    console.log("Content read: " + file.read() );
  });
}

注意事项

1. 在p5.js中, 文件必须储存在理想的文件夹中，即在data文件夹中，否则可能会发生加载失败的错误。

2. 使用nfs()函数需要Web服务器环境，如果是本地文件打开，可以使用p5.js自带的本地服务器，使用方法是在终端中切换到sketch所在的目录，然后执行以下命令:

   python3 -m http.server
   

   然后在浏览器中访问localhost:8000即可。