当前位置：首页 > JavaScript

js实现文件移动

2026-02-03 03:35:26JavaScript

实现文件移动的基本方法

在JavaScript中实现文件移动操作，通常需要区分不同运行环境。浏览器端和Node.js端的实现方式完全不同。

浏览器环境： 浏览器中的JavaScript无法直接移动用户本地文件，但可以通过文件API实现"虚拟移动"（读取后重新保存）。

// 浏览器端实现文件"移动"（实际是重新保存）
document.getElementById('fileInput').addEventListener('change', (e) => {
  const file = e.target.files[0];
  const newName = 'moved_' + file.name;

  // 读取文件内容
  const reader = new FileReader();
  reader.onload = (event) => {
    // 创建新Blob对象（模拟移动）
    const blob = new Blob([event.target.result], {type: file.type});

    // 创建下载链接（模拟保存到新位置）
    const a = document.createElement('a');
    a.href = URL.createObjectURL(blob);
    a.download = newName;
    a.click();
  };
  reader.readAsArrayBuffer(file);
});

Node.js环境： Node.js可以通过fs模块实现真正的文件移动操作。

js实现文件移动

const fs = require('fs');
const path = require('path');

// 方法1：使用fs.rename
function moveFile(oldPath, newPath) {
  fs.rename(oldPath, newPath, (err) => {
    if (err) {
      if (err.code === 'EXDEV') {
        // 跨设备移动需要先复制再删除
        copyThenDelete(oldPath, newPath);
      } else {
        console.error(err);
      }
    }
    console.log('移动完成');
  });
}

// 方法2：处理跨设备情况
function copyThenDelete(oldPath, newPath) {
  const readStream = fs.createReadStream(oldPath);
  const writeStream = fs.createWriteStream(newPath);

  readStream.on('error', (err) => console.error(err));
  writeStream.on('error', (err) => console.error(err));

  readStream.on('close', () => {
    fs.unlink(oldPath, (err) => {
      if (err) console.error(err);
    });
  });

  readStream.pipe(writeStream);
}

// 使用示例
moveFile('./oldDir/file.txt', './newDir/file.txt');

高级实现方案

对于更复杂的文件移动需求，可以考虑以下增强功能：

添加错误处理：

js实现文件移动

function safeMove(oldPath, newPath) {
  try {
    fs.accessSync(oldPath, fs.constants.F_OK | fs.constants.W_OK);
    fs.renameSync(oldPath, newPath);
  } catch (err) {
    if (err.code === 'ENOENT') {
      console.error('源文件不存在');
    } else if (err.code === 'EACCES') {
      console.error('权限不足');
    } else {
      console.error('未知错误:', err);
    }
  }
}

批量移动文件：

function moveFiles(filesMap) {
  Object.entries(filesMap).forEach(([oldPath, newPath]) => {
    fs.rename(oldPath, newPath, (err) => {
      if (err) console.error(`移动 ${oldPath} 失败:`, err);
    });
  });
}

// 使用示例
moveFiles({
  './file1.txt': './backup/file1.txt',
  './file2.txt': './backup/file2.txt'
});

使用第三方库

对于更复杂的文件操作，可以使用第三方库如fs-extra：

const fs = require('fs-extra');

// 移动文件（自动处理跨设备等情况）
fs.move('/tmp/file.txt', '/new/location/file.txt')
  .then(() => console.log('移动成功'))
  .catch(err => console.error(err));

// 批量移动
Promise.all([
  fs.move('file1.txt', 'dest/file1.txt'),
  fs.move('file2.txt', 'dest/file2.txt')
]).then(() => console.log('全部移动完成'));