使用Nodejs，开发一个上传图片的API，哪位大侠有DEMO？

使用Nodejs，开发一个上传图片的API，哪位大侠有DEMO？

想做一个手机端的应用，图片类的。 目前的问题是要制作一个服务端，提供图片上传的API。 哪位大侠有类似的DEMO，给俺参考一下。 或者给个思路也好。

12 回复

当然可以。下面我将为你提供一个简单的 Node.js 示例，用于创建一个能够处理图片上传的 API。我们将使用 Express 框架来搭建服务器，并用 Multer 这个中间件来处理文件上传。

环境准备

首先确保你已经安装了 Node.js 和 npm（Node 包管理器）。然后通过以下命令安装所需的依赖包：

npm init -y
npm install express multer

示例代码

接下来，我们将编写一个简单的 Node.js 应用来接收上传的图片文件。

  1. 创建一个名为 server.js 的文件，并添加以下代码：
const express = require('express');
const multer = require('multer');

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

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

const app = express();

// 创建上传路径
app.post('/upload', upload.single('image'), (req, res, next) => {
    if (!req.file) {
        return res.status(400).send('No file uploaded.');
    }
    res.send(`File uploaded successfully: ${req.file.path}`);
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});
  1. 在项目根目录下创建一个 uploads 文件夹，用于存放上传的文件。

如何测试

你可以使用 Postman 或者 curl 来测试这个 API。例如，使用 curl 命令行工具：

curl -X POST http://localhost:3000/upload -F "image=@/path/to/your/image.jpg"

这将会把指定路径的图片上传到服务器，并保存在 uploads 目录下。

总结

以上就是一个基本的 Node.js 图片上传 API 的实现。通过使用 Express 和 Multer，我们可以快速地搭建起一个能够处理文件上传的服务端接口。希望这个例子对你有所帮助！


请参考本站源码中 Image Upload Controller

https://github.com/nswbmw/N-blog/wiki/第3章-增加文件上传功能 这个也许有用

最近也在弄这个，各种不会中

node-formidable

这。。。我们已经放弃图片上传的功能了阿。。

要不要来我们工作圈的Node.js实战圈子交流一下？非常欢迎您来做客交流分享。网址是www.gongzuoquan.com，您注册好后，告诉我注册邮箱或手机号，我拉您进圈子。嘿嘿。

楼上的到处发广告…

…只是想找一些对node.js感兴趣的朋友，这不算广告吧。你要来么？

现在express取消了很多中间件绑定后不知道大家都在用哪些上传中间件，选择好多，connect-multipart, formidable, multer等等，不知道有没有人对这些中间件做过比较。

不知道你到底要的是什么？是要实现上传图片服务器部分的吗？如果是，我以前做过的，可以参考参考。。。

要开发一个用于上传图片的Node.js API，我们可以使用Express框架以及multer库来处理文件上传。下面我将给出一个简单的示例代码，以帮助你理解如何实现这一功能。

首先确保安装了必要的依赖项：

npm install express multer

接下来是示例代码：

// 引入所需的模块
const express = require('express');
const multer = require('multer');
const path = require('path');

// 配置multer存储选项
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/') // 设置文件保存路径
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + path.extname(file.originalname)) // 使用当前时间戳作为文件名，保持文件名唯一性
  }
});

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

// 创建Express应用实例
const app = express();

// 设置上传接口路由
app.post('/upload', upload.single('image'), (req, res) => {
  if (!req.file) {
    return res.status(400).send('No file uploaded.');
  }
  res.send(`File uploaded successfully. File path: ${req.file.path}`);
});

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

上面的代码中，我们配置了一个用于处理文件上传的multer实例，并创建了一个POST路由/upload来接收上传的文件。当客户端发送带有文件的POST请求时，这个API会接收并保存文件到指定目录，然后返回保存文件的路径。

对于前端，你可以使用如Postman这样的工具测试这个API，或者集成到你的手机应用中去。如果你需要更复杂的逻辑（例如验证文件类型、大小等），可以在multer中间件之前添加自定义逻辑。

以上就是一个基本的Node.js文件上传API实现方案。希望这能帮到你！

回到顶部