如何使用 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)文章
我們往往用命令行安裝的nodejs不是最新版本,而且升級nodejs并不是件非常簡單的事情,這篇文章主要給大家介紹了關(guān)于nodejs安裝與卸載(高版本降為低版本)的相關(guān)資料,需要的朋友可以參考下2023-12-12
在本篇文章里小編給大家整理的是一篇關(guān)于Node.js中的events事件模塊知識點總結(jié)內(nèi)容，有興趣的朋友們可以跟著學習下。2021-12-12
token驗證,在設(shè)計登錄注冊和一些權(quán)限接口時發(fā)揮作用,下面這篇文章主要給大家介紹了關(guān)于node.js配置Token驗證的2種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02
在?windows?系統(tǒng)上面,我們壓縮文件,常常需要安裝一些壓縮軟件才能實現(xiàn)壓縮,可能有些還存在一些問題,所以本文就來使用Nodejs實現(xiàn)文件壓縮和解壓功能吧2024-03-03
nodejs發(fā)布靜態(tài)https服務(wù)器步驟指南
這篇文章主要為大家介紹了nodejs發(fā)布靜態(tài)https服務(wù)器的步驟指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2024-02-02
每當提起反向代理器，人們通常一想到的就是 Nginx，但是今天我們暫時忽略大名鼎鼎的 Nginx，采用同樣也是使用單線程、事件循環(huán)的服務(wù)端小弟——Nodejs 來達成。2014-07-07
本篇文章主要介紹了NodeJs安裝npm包一直失敗的解決方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
輕松創(chuàng)建nodejs服務(wù)器（10）：處理POST請求
這篇文章主要介紹了輕松創(chuàng)建nodejs服務(wù)器（10）：處理POST請求,本文告訴你如何實現(xiàn)在node.js中處理POST請求,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了Node.js添加API限流與日志優(yōu)化的相關(guān)資料,以增強API的穩(wěn)定性和可維護性,API限流功能可以防止惡意請求和DDoS攻擊,優(yōu)化后的日志記錄系統(tǒng)則可以幫助我們更好地跟蹤和調(diào)試應(yīng)用,快速定位問題,需要的朋友可以參考下2024-11-11
在生產(chǎn)環(huán)境中,更常見的做法是使用專門的日志記錄庫,如winston、log4js等,來實現(xiàn)更靈活和可配置的日志記錄功能,本篇文章將介紹的是winston的強大的日志記錄功能,快跟隨小編一起學習一下吧2024-01-01