数据上传秘笈：从0到1掌握Node.js服务端获取文件上传进度

2023-09-18 12:15:11

文件上传，深入了解

文件上传是网络应用程序中一项常见的操作，它允许用户将文件从本地计算机上传到服务器。在许多情况下，特别是对于大型文件上传，用户需要了解上传进度，以便能够更好地管理他们的上传过程。

在Node.js中，我们可以使用各种库来处理文件上传，其中最受欢迎的是Multer。Multer是一个Express中间件，可以轻松地将文件上传到服务器。

进度监听，掌握关键

Multer提供了监听上传进度的功能。当文件被上传时，它会发出一个"progress"事件，我们可以监听这个事件来获取上传进度。

下面是一个示例，展示了如何使用Multer来监听文件上传进度：

const multer = require('multer');
const express = require('express');

const app = express();

// 设置文件上传的存储位置和方式
const storage = multer.diskStorage({
  destination: 'uploads/',
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname);
  }
});

// 初始化Multer中间件
const upload = multer({ storage: storage });

// 定义文件上传路由
app.post('/upload', upload.single('file'), (req, res) => {
  // 处理文件上传后的逻辑
  res.json({ message: '文件上传成功！' });
});

// 监听文件上传进度
upload.on('progress', (progressEvent) => {
  // 计算上传进度
  const percent = Math.floor((progressEvent.bytesReceived / progressEvent.totalBytes) * 100);

  // 将上传进度打印到控制台
  console.log(`上传进度：${percent}%`);
});

app.listen(3000);