Node.js：图片上传至本地磁盘的完整指南

2024-01-31 03:50:13

当然，以下是根据您给出的“Node.js 小知识 — 实现图片上传写入磁盘的接口”生成的文章：

Node.js 图片上传教程

图片上传是网络应用程序中常见的需求。在本教程中，您将学习如何使用 Node.js 和 Express.js 构建一个简单的图片上传应用程序。该应用程序将允许用户选择并上传图片到服务器，然后服务器会将图片保存到本地磁盘。

步骤 1：设置 Node.js 项目

首先，您需要设置一个新的 Node.js 项目。如果您还没有安装 Node.js，请从 Node.js 官网下载并安装。

npm init -y

步骤 2：安装必要的模块

接下来，您需要安装必要的模块。

npm install express multer

express：一个用于构建 web 应用程序的框架。
multer：一个用于处理文件上传的中间件。

步骤 3：创建路由

在您的项目中，创建一个新的文件 routes/upload.js。这个文件将包含处理图片上传的路由。

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

const router = express.Router();

// 设置存储引擎
const storage = multer.diskStorage({
  destination: './uploads/',
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname);
  }
});

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

// 处理图片上传
router.post('/upload', upload.single('image'), (req, res) => {
  res.json({
    success: true,
    message: 'Image uploaded successfully',
    file: req.file
  });
});

module.exports = router;

步骤 4：使用路由

在您的主应用程序文件中，您需要使用 upload 路由。

const express = require('express');
const uploadRouter = require('./routes/upload');

const app = express();

// 使用 multer 中间件
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// 使用 upload 路由
app.use('/api', uploadRouter);

// 启动服务器
app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});