快捷導(dǎo)航

如何使用 Node.js 實現(xiàn)一個上傳圖片接口

更新時間：2025年02月07日 10:18:57 作者：憶宸_1

本文介紹了如何使用Node.js和Express框架創(chuàng)建一個簡單的上傳圖片接口,首先,通過npm初始化項目并安裝必要的依賴,如express和multer,然后,在index.js文件中編寫上傳圖片的邏輯,并通過Postman測試接口,感興趣的朋友跟隨小編一起看看吧

初始化項目

在當前目錄下創(chuàng)建一個名為 upload-image-api 的新文件夾，并初始化一個包含默認設(shè)置的 package.json 文件。

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

安裝依賴

express 是一個流行的 Node.js Web 框架；multer 是一個用于處理文件上傳的中間件。

npm install express multer

創(chuàng)建上傳圖片接口

在根目錄下創(chuàng)建一個 index.js 入口文件，并實現(xiàn)簡單的上傳圖片邏輯。

const express = require("express");
const multer = require("multer");
const path = require("path");
const app = express();
// 設(shè)置存儲路徑和文件名稱
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)
    );
  },
});
// 創(chuàng)建文件上傳中間件
const upload = multer({ storage: storage });
/**
 * 處理文件上傳請求
 * upload.single('image') 函數(shù)中 `image` 為接收文件的參數(shù)名
 */
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 });
});
// 啟動服務(wù)器
const port = 3000;
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

測試上傳圖片接口

啟動服務(wù)，在終端中執(zhí)行命令：node index.js
使用 Postman 或其他工具來測試圖片上傳接口。
向 http://localhost:3000/upload 發(fā)送 POST 請求，并以 multipart/form-data 格式附加一個名為 image 的字段來上傳圖片。
如果請求成功，你將收到一個包含上傳后的文件路徑的 JSON 響應(yīng)。

到此這篇關(guān)于用 Node.js 實現(xiàn)一個上傳圖片接口的文章就介紹到這了,更多相關(guān)Node.js 上傳圖片接口內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

node版本快速切換及管理方法
這篇文章主要為大家介紹了node版本快速切換及管理方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
[將免費進行到底]在Amazon的一年免費服務(wù)器上安裝Node.JS, NPM和OurJS博客
此文是介紹如何在Amazon的一年免費計劃上安裝Node.JS, NPM還有搭建OurJS博客系統(tǒng)。,需要的朋友可以參考下
2014-08-08
package-lock.json解決依賴的版本管理使用詳解
這篇文章主要為大家介紹了package-lock.json解決依賴的版本管理使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-08-08
node基于async/await對mysql進行封裝
這篇文章主要介紹了node基于async/await對mysql進行封裝,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，,需要的朋友可以參考下
2019-06-06
前端Electron新手入門教程詳解
這篇文章主要介紹了Electron新手入門教程詳解，首先圍繞Electron框架的關(guān)鍵知識點進行詳細講解，然后對DEMO程序進行分析，讓前端開發(fā)人員對使用Electron開發(fā)桌面應(yīng)用程序有一個初步的了解。,需要的朋友可以參考下
2019-06-06
Node.js + express實現(xiàn)上傳大文件的方法分析【圖片、文本文件】
這篇文章主要介紹了Node.js + express實現(xiàn)上傳大文件的方法,結(jié)合實例形式分析了Node.js + express針對圖片、文本文件上傳操作實現(xiàn)方法及相關(guān)操作注意事項,需要的朋友可以參考下
2019-03-03
Node.js中sequelize時區(qū)的配置方法
這篇文章主要給大家介紹了關(guān)于Node.js中sequelize時區(qū)的配置方法，文中先對時區(qū)的基礎(chǔ)概念進行了簡單介紹，然后通過示例代碼詳細介紹了sequelize時區(qū)的配置方法，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。
2017-12-12
教你徹底搞懂ESM與CJS互相轉(zhuǎn)換
這篇文章主要為大家介紹了ESM與CJS互相轉(zhuǎn)換的理解與實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
詳解electron如何攔截網(wǎng)絡(luò)請求并處理響應(yīng)
這篇文章主要為大家詳細介紹了electron如何攔截網(wǎng)絡(luò)請求并處理響應(yīng),文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學習一下
2023-12-12
node.js內(nèi)置模塊之crypto?模塊及作用詳解
在Node.js中,crypto模塊提供了多種加密功能,包括哈希、對稱加密、非對稱加密和數(shù)字簽名等,通過crypto模塊,可以進行各種加密和解密操作,保護敏感數(shù)據(jù)的安全性,本文給大家介紹node.js內(nèi)置模塊之crypto?模塊及作用詳解,感興趣的朋友跟隨小編一起看看吧
2025-11-11