使用 NodeJS 逐步搭建图片上传网站

在当今数字化时代，拥有一个能够方便地上传和管理图片的网站是非常实用的。在本文中，我们将逐步介绍如何使用 NodeJS 来搭建这样一个图片上传网站。

确保您已经安装了 NodeJS 和相关的依赖包。对于图片上传功能，我们将使用一些常见的 NodeJS 模块，如 express 用于构建 Web 应用框架，multer 用于处理文件上传。

接下来，创建一个新的 NodeJS 项目，并在项目目录中创建一个 server.js 文件。在这个文件中，我们首先引入所需的模块：

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

然后，使用 express 创建一个应用实例：

const app = express();

配置 multer 来处理图片上传。设置存储路径和文件名的规则：

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

const upload = multer({ storage: storage });

接下来，定义一个路由来处理图片上传的请求：

app.post('/upload', upload.single('image'), (req, res) => {
  res.send('图片上传成功！');
});

在上述代码中，upload.single('image') 表示只接受一个名为 image 的文件上传。

然后，启动服务器，监听指定的端口：

app.listen(3000, () => {
  console.log('服务器正在运行，监听端口 3000...');
});

此时，我们的服务器端就已经搭建好了。接下来，可以使用 HTML 和 JavaScript 来创建前端页面，实现图片选择和上传的功能。

在前端页面中，创建一个表单，指定 enctype="multipart/form-data" 以支持文件上传，并将 action 属性设置为服务器端的上传路由：

<form action="http://localhost:3000/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="image">
  <button type="submit">上传</button>
</form>

通过以上步骤，我们就成功地使用 NodeJS 搭建了一个简单的图片上传网站。您可以根据实际需求进一步扩展和优化功能，比如添加图片预览、错误处理、图片分类等。

希望您通过本文的介绍，能够顺利搭建出满足自己需求的图片上传网站，为用户提供便捷的图片上传和管理服务。