介紹

嗨，在本文中，我們將了解如何在 Nodejs 服務器中處理文件上傳并使用最佳實踐存儲它。我將使用 Apexx 云作為我們的文件存儲服務。

安裝軟件包

npm i express nodemon cors multer @apexxcloud/sdk-node dotenv

安裝后，更新 package.json 以添加啟動腳本

"scripts":{
 "start": "nodemon index.js",
 // rest of the scripts
}

在根文件夾中創(chuàng)建一個index.js文件，然后創(chuàng)建一個名為src的文件夾。在 src 文件夾中分別創(chuàng)建控制器和路由的文件夾，您的文件夾結構應該如下所示。

project-root/
│
├── index.js              # Entry point of the application
├── package.json          # Project metadata and dependencies
├── package-lock.json     # Auto-generated dependency tree
├── node_modules/         # Installed dependencies
│
└── src/
    ├── controllers/      # Contains controller files
    │   └── file.controller.js
    │
    ├── routes/           # Contains route files
    │   └── file.route.js

設置 Apexx 云

1. 登錄 Apexx 云或在此處創(chuàng)建新帳戶

2. 導航到存儲桶。

3. 點擊“創(chuàng)建存儲桶”并為您的存儲桶提供唯一的名稱。

4. 選擇所需區(qū)域

5. 查看并創(chuàng)建存儲桶

6. 導航至 Api 鍵

7. 點擊“創(chuàng)建 API 密鑰”并為您的密鑰提供名稱

8. 查看并創(chuàng)建密鑰

9. 復制您的密鑰并將其安全地存儲在某個地方。

10. 然后復制您的訪問密鑰。

讓我們開始編寫一些代碼

讓我們開始編寫控制器來處理 file.controller.js 中的請求。

// Setup our apexx cloud sdk
const ApexxCloud = require("@apexxcloud/sdk-node");
const storage = new ApexxCloud({
  accessKey: process.env.APEXXCLOUD_ACCESS_KEY,
  secretKey: process.env.APEXXCLOUD_SECRET_KEY,
  region: process.env.APEXXCLOUD_REGION,
  bucket: process.env.APEXXCLOUD_BUCKET,
});

// Upload file function
const uploadFile = async (req, res) => {
  try {
    if (!req.file) {
      return res.status(400).json({ error: "No file provided" });
    }
    const { originalname, filename, size, path, mimetype } = req.file;

    const { key, visibility } = req.query;

    const result = await storage.files.upload(req.file.buffer, {
      key: key || orginalname,
      visibility: visiblity || "public",
      contentType: mimetype,
    });

    res.status(200).json(result);
  } catch (error) {
    console.log(error);
    res.status(500).json({ error: `File upload failed: ${error.message}` });
  }
};

首先，我們導入@apxxcloud/sdk-node，并通過傳入憑據(jù)來創(chuàng)建一個存儲對象。然后我們創(chuàng)建一個名為 uploadFile 的函數(shù)，在該函數(shù)中我們從 req.query 獲取密鑰和可見性，從 req.file

獲取文件詳細信息

然后我們使用 apexx cloud sdk 的上傳功能將其上傳到 apexx cloud。上傳時可以配置文件的可見性，可以是公開的也可以是私有的，默認所有文件都是公開的。

現(xiàn)在讓我們在 file.route.js 中設置路由。

const express = require("express");
const router = express.Router();
const multer = require("multer");
const { uploadFile } = require("../controllers/file.controller")

// setup multer
const upload = multer({ storage: multer.memoryStorage() });

// setup the route
router.post("/upload", upload.single("file"), uploadFile);

// export the router
module.exports = router

然后讓我們設置index.js 文件。

const express = require("express");
const mongoose = require("mongoose");
const dotenv = require("dotenv");
const cors = require("cors");

// load env variables
dotenv.config();

// import file route
const fileRoute = require("./src/routes/file.route");

// setup express
const app = express();

app.use(express.urlencoded({ extended: true, limit: "100mb" }));
app.use(express.json({ limit: "100mb" }));
app.use(cors());

// setup the file route
app.use(fileRoutes);

const port = 8000
app.listen(port, () => {
  console.log(`Server running at port:${port}`);
});

打開終端并運行：

npm start，如果一切順利，它應該記錄“Server running at port:8000”。

測試 API

我們將使用 postman 測試 API。

選擇Body，檢查form-data，添加一個名為file的鍵，并將類型設置為file。上傳您的文件，然后單擊“發(fā)送”。

您應該得到如下回復：

{
    "data": {
        "message": "File uploaded successfully",
        "key": "file.png",
        "location": "https://cdn.apexxcloud.com/f/ojGnBqCLkTnI/file",
        "bucket": "your-bucket-name",
        "region": "WNAM",
        "visibility": "private",
        "size": 14513,
        "content_type": "image/png"
    }
}

表示文件已上傳。轉(zhuǎn)到您的 Apexx Cloud 儀表板，然后轉(zhuǎn)到您的存儲桶，您應該會看到您上傳到那里的文件。

就這樣，您已經(jīng)在 Nodejs 中成功實現(xiàn)了文件上傳，最棒的是 Apexx Cloud 為您提供了免費的動態(tài)轉(zhuǎn)換和超快 CDN。要了解更多信息，請訪問此處，要獲取文檔，請訪問此處。

結論

本文已成功教會您如何使用 Apexx Cloud 和 Multer 在 Node.js 應用程序中處理文件上傳。

在下一篇文章中，我將展示如何使用 AWS S3 進行文件上傳，在此之前簽署 - 您的 FII

不用擔心文件上傳：立即注冊 Apexx Cloud，免費

以上是如何在 Nodejs 中實現(xiàn)文件上傳：分步指南的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章！