如何使用 Node.js 实现一个上传图片接口

 更新时间:2025年02月07日 10:18:57   作者:忆宸_1  
本文介绍了如何使用Node.js和Express框架创建一个简单的上传图片接口,首先,通过npm初始化项目并安装必要的依赖,如express和multer,然后,在index.js文件中编写上传图片的逻辑,并通过Postman测试接口,感兴趣的朋友跟随小编一起看看吧

初始化项目

在当前目录下创建一个名为 upload-image-api 的新文件夹,并初始化一个包含默认设置的 package.json 文件。

mkdir upload-image-api && cd upload-image-api
npm init -y

安装依赖

express 是一个流行的 Node.js Web 框架;multer 是一个用于处理文件上传的中间件。

npm install express multer

创建上传图片接口

在根目录下创建一个 index.js 入口文件,并实现简单的上传图片逻辑。

const express = require("express");
const multer = require("multer");
const path = require("path");
const app = express();
// 设置存储路径和文件名称
const storage = multer.diskStorage({
  destination: path.join(__dirname, "uploads"),
  filename: (req, file, cb) => {
    const uniqueSuffix = Date.now() + "-" + Math.round(Math.random() * 1e9);
    cb(
      null,
      file.fieldname + "-" + uniqueSuffix + path.extname(file.originalname)
    );
  },
});
// 创建文件上传中间件
const upload = multer({ storage: storage });
/**
 * 处理文件上传请求
 * upload.single('image') 函数中 `image` 为接收文件的参数名
 */
app.post("/upload", upload.single("image"), (req, res, next) => {
  if (!req.file) {
    return res.status(400).json({ error: "No file uploaded" });
  }
  const filePath = req.file.path;
  res.json({ filePath: filePath });
});
// 启动服务器
const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

测试上传图片接口

  • 启动服务,在终端中执行命令:node index.js
  • 使用 Postman 或其他工具来测试图片上传接口。
  • http://localhost:3000/upload 发送 POST 请求,并以 multipart/form-data 格式附加一个名为 image 的字段来上传图片。
  • 如果请求成功,你将收到一个包含上传后的文件路径的 JSON 响应。

到此这篇关于用 Node.js 实现一个上传图片接口的文章就介绍到这了,更多相关Node.js 上传图片接口内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • node版本快速切换及管理方法

    node版本快速切换及管理方法

    这篇文章主要为大家介绍了node版本快速切换及管理方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • [将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客

    [将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客

    此文是介绍如何在Amazon的一年免费计划上安装Node.JS, NPM还有搭建OurJS博客系统。,需要的朋友可以参考下
    2014-08-08
  • package-lock.json解决依赖的版本管理使用详解

    package-lock.json解决依赖的版本管理使用详解

    这篇文章主要为大家介绍了package-lock.json解决依赖的版本管理使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • node基于async/await对mysql进行封装

    node基于async/await对mysql进行封装

    这篇文章主要介绍了node基于async/await对mysql进行封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下
    2019-06-06
  • 前端Electron新手入门教程详解

    前端Electron新手入门教程详解

    这篇文章主要介绍了Electron新手入门教程详解,首先围绕Electron框架的关键知识点进行详细讲解,然后对DEMO程序进行分析,让前端开发人员对使用Electron开发桌面应用程序有一个初步的了解。,需要的朋友可以参考下
    2019-06-06
  • Node.js + express实现上传大文件的方法分析【图片、文本文件】

    Node.js + express实现上传大文件的方法分析【图片、文本文件】

    这篇文章主要介绍了Node.js + express实现上传大文件的方法,结合实例形式分析了Node.js + express针对图片、文本文件上传操作实现方法及相关操作注意事项,需要的朋友可以参考下
    2019-03-03
  • Node.js中sequelize时区的配置方法

    Node.js中sequelize时区的配置方法

    这篇文章主要给大家介绍了关于Node.js中sequelize时区的配置方法,文中先对时区的基础概念进行了简单介绍,然后通过示例代码详细介绍了sequelize时区的配置方法,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-12-12
  • 教你彻底搞懂ESM与CJS互相转换

    教你彻底搞懂ESM与CJS互相转换

    这篇文章主要为大家介绍了ESM与CJS互相转换的理解与实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 详解electron如何拦截网络请求并处理响应

    详解electron如何拦截网络请求并处理响应

    这篇文章主要为大家详细介绍了electron如何拦截网络请求并处理响应,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12
  • node.js内置模块之crypto 模块及作用详解

    node.js内置模块之crypto 模块及作用详解

    在Node.js中,crypto模块提供了多种加密功能,包括哈希、对称加密、非对称加密和数字签名等,通过crypto模块,可以进行各种加密和解密操作,保护敏感数据的安全性,本文给大家介绍node.js内置模块之crypto 模块及作用详解,感兴趣的朋友跟随小编一起看看吧
    2025-11-11

最新评论