当前位置:首页 > JavaScript

js实现io

2026-04-06 18:10:01JavaScript

使用 Node.js 实现文件 I/O

Node.js 提供了内置的 fs 模块(文件系统模块),支持同步和异步的文件操作。以下是常见的文件 I/O 操作方法:

异步读取文件

const fs = require('fs');

fs.readFile('example.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

同步读取文件

const fs = require('fs');

try {
  const data = fs.readFileSync('example.txt', 'utf8');
  console.log(data);
} catch (err) {
  console.error(err);
}

异步写入文件

const fs = require('fs');

fs.writeFile('example.txt', 'Hello World', 'utf8', (err) => {
  if (err) throw err;
  console.log('File written successfully');
});

同步写入文件

const fs = require('fs');

try {
  fs.writeFileSync('example.txt', 'Hello World', 'utf8');
  console.log('File written successfully');
} catch (err) {
  console.error(err);
}

使用流处理大文件

对于大文件,推荐使用流(Stream)来避免内存问题:

读取流

js实现io

const fs = require('fs');
const readStream = fs.createReadStream('largefile.txt', 'utf8');

readStream.on('data', (chunk) => {
  console.log(chunk);
});

readStream.on('end', () => {
  console.log('File reading completed');
});

写入流

const fs = require('fs');
const writeStream = fs.createWriteStream('output.txt');

writeStream.write('Hello ');
writeStream.write('World');
writeStream.end();

文件系统高级操作

检查文件是否存在

const fs = require('fs');

fs.access('example.txt', fs.constants.F_OK, (err) => {
  console.log(err ? 'File does not exist' : 'File exists');
});

删除文件

const fs = require('fs');

fs.unlink('example.txt', (err) => {
  if (err) throw err;
  console.log('File deleted');
});

创建目录

js实现io

const fs = require('fs');

fs.mkdir('newfolder', (err) => {
  if (err) throw err;
  console.log('Directory created');
});

使用 Promise API

Node.js 也提供了基于 Promise 的文件系统 API:

const fs = require('fs').promises;

async function readFile() {
  try {
    const data = await fs.readFile('example.txt', 'utf8');
    console.log(data);
  } catch (err) {
    console.error(err);
  }
}

readFile();

浏览器端的文件 I/O

在浏览器环境中,可以使用 File API 处理用户选择的文件:

读取用户选择的文件

document.getElementById('fileInput').addEventListener('change', (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();

  reader.onload = (e) => {
    console.log(e.target.result);
  };

  reader.readAsText(file);
});

保存文件到本地

function saveFile(content, fileName) {
  const blob = new Blob([content], { type: 'text/plain' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = fileName;
  a.click();
  URL.revokeObjectURL(url);
}

saveFile('Hello World', 'example.txt');

标签: jsio
分享给朋友:

相关文章

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

vue实现js休眠

vue实现js休眠

实现 JavaScript 休眠的方法 在 Vue 中实现 JavaScript 休眠(延迟执行)可以通过以下方式实现。由于 JavaScript 本身没有内置的 sleep 函数,通常使用 Prom…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…

js 实现进度条

js 实现进度条

使用 HTML 和 CSS 创建基础结构 进度条需要一个容器和一个填充元素。HTML 结构可以简单如下: <div class="progress-container"> <d…

vue.js实现录音

vue.js实现录音

实现录音功能的基本步骤 在Vue.js中实现录音功能,通常需要结合浏览器的Web Audio API或第三方库。以下是几种常见的实现方式: 使用Web Audio API 浏览器原生提供的Media…