Node.js 搭建本地服务器，轻松访问图片视频！

2023-09-15 07:14:48

Node.js 简介

Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，可以执行 JavaScript 代码。它广泛应用于服务器端编程，凭借其异步、事件驱动的特性，可以在高并发场景下高效处理请求。

搭建本地服务器

安装 Node.js

首先，我们需要安装 Node.js。我们可以从其官网下载最新的稳定版本，然后按照安装向导进行安装。
初始化项目

安装完成后，我们可以创建一个新的文件夹，然后使用命令行工具进入该文件夹。接下来，我们需要使用以下命令初始化一个新的 Node.js 项目：
```
npm init -y
```
安装必要的包

为了搭建本地服务器，我们需要安装一些必要的包。我们可以使用以下命令安装它们：
```
npm install express body-parser multer
```

创建服务器

接下来，我们需要创建服务器。我们可以创建一个名为 server.js 的文件，然后在其中编写以下代码：

const express = require('express');
const bodyParser = require('body-parser');
const multer = require('multer');

const app = express();

app.use(bodyParser.json());
app.use(multer().array());

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000);

启动服务器

现在，我们可以使用以下命令启动服务器：
```
node server.js
```
访问服务器

服务器启动后，我们可以使用浏览器访问它。在浏览器的地址栏中输入 http://localhost:3000，即可看到服务器返回的 "Hello World!" 消息。

访问本地图片和视频

在服务器上保存文件

为了在服务器上访问本地图片和视频，我们需要先将它们保存到服务器上。我们可以使用以下代码将文件保存到服务器上：

app.post('/upload', (req, res) => {
  const files = req.files;
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    file.mv('./uploads/' + file.name);
  }
  res.send('Files uploaded!');
});

在浏览器中访问文件

将文件保存到服务器上后，我们就可以在浏览器中访问它们了。我们可以使用以下代码在浏览器中访问文件：
```
<img src="http://localhost:3000/uploads/image.jpg" alt="Image">
<video src="http://localhost:3000/uploads/video.mp4" controls>
</video>
```