Erstellen Sie eine leistungsstarke Bild-Upload-API: mit Node.js, Multer und PostgreSQL

In diesem Artikel erfahren Sie, wie Sie mit Node.js, Multer und PostgreSQL eine einfache und benutzerfreundliche API erstellen, um Funktionen zum Hochladen einzelner und mehrerer Bilder zu implementieren. Das Hochladen von Bildern und die Datenbankspeicherung k?nnen problemlos und ohne komplizierte Konfiguration durchgeführt werden.

Voraussetzungen:

• Node.js und PostgreSQL sind installiert und konfiguriert.
• Vertraut mit den Grundfunktionen von Node.js und PostgreSQL.
• Postbote für API-Tests.

Projekteinstellungen:

1. Erstellen Sie ein Projektverzeichnis und initialisieren Sie es:

   mkdir imageUpload
   cd imageUpload
   npm init -y

2. Abh?ngigkeiten installieren:

   npm install express multer body-parser pg

3. Verzeichnisstruktur erstellen:

   <code>imageUpload/
   ├── index.js
   ├── images/
   ├── db/
   │   └── db.js
   └── routes/
       └── image_routes.js
   └── controllers/
       └── upload.js</code>

4. PostgreSQL-Datenbank und Benutzertabellen erstellen:

   CREATE DATABASE uploader;
   CREATE TABLE users (id SERIAL PRIMARY KEY, name VARCHAR(50) NOT NULL, icon VARCHAR NOT NULL);

Code-Implementierung:

1. Datenbankverbindung (db.js):

   const { Client } = require('pg');
   const client = new Client({
       user: 'postgres',
       host: 'localhost',
       database: 'uploader',
       password: 'YOUR_PASSWORD', // 請(qǐng)?zhí)鎿Q為您的數(shù)據(jù)庫(kù)密碼
       port: 5432,
   });
   client.connect().then(() => console.log("Connected to DB")).catch(err => console.error("數(shù)據(jù)庫(kù)連接失敗:", err.message));
   module.exports = client;

2. Express Server (index.js):

   const express = require('express');
   const bodyParser = require('body-parser');
   const app = express();
   const port = process.env.PORT || 4000;
   
   app.use(bodyParser.json());
   app.use(bodyParser.urlencoded({ extended: true }));
   app.use('/images', express.static('images')); // 設(shè)置靜態(tài)文件目錄
   
   require('./routes/image_routes')(app);
   
   app.listen(port, () => {
       console.log(`服務(wù)器運(yùn)行在端口 ${port}`);
   });

3. Routendefinition (image_routes.js):

   const express = require('express');
   const uploadController = require('../controllers/upload');
   
   module.exports = (app) => {
       app.post('/upload/single', uploadController.upload.single('icon'), uploadController.uploadSingleImage);
       app.post('/upload/multiple', uploadController.upload.array('icon', 12), uploadController.uploadMultipleImage);
   };

4. Bild-Upload-Controller (upload.js):

   const multer = require('multer');
   const path = require('path');
   const client = require('../db/db');
   
   const storage = multer.diskStorage({
       destination: (req, file, cb) => cb(null, './images'),
       filename: (req, file, cb) => cb(null, `image-${Date.now()}${path.extname(file.originalname)}`),
   });
   
   const fileFilter = (req, file, cb) => {
       if (!file.originalname.match(/\.(jpg|jpeg|png)$/i)) {
           return cb(new Error('請(qǐng)上傳 JPG, JPEG 或 PNG 格式的圖片'), false);
       }
       cb(null, true);
   };
   
   exports.upload = multer({ storage, fileFilter });
   
   exports.uploadSingleImage = async (req, res) => {
       try {
           await client.query(`INSERT INTO users (name, icon) VALUES ('${req.body.name}', '${req.file.filename}')`);
           res.json({ statusCode: 200, status: true, message: '圖片上傳成功' });
       } catch (error) {
           console.error("圖片上傳失敗:", error);
           res.status(500).json({ statusCode: 500, status: false, message: '圖片上傳失敗' });
       }
   };
   
   exports.uploadMultipleImage = async (req, res) => {
       try {
           for (const file of req.files) {
               await client.query(`INSERT INTO users (name, icon) VALUES ('${req.body.name}', '${file.filename}')`);
           }
           res.json({ statusCode: 200, status: true, message: '所有圖片上傳成功' });
       } catch (error) {
           console.error("圖片上傳失敗:", error);
           res.status(500).json({ statusCode: 500, status: false, message: '圖片上傳失敗' });
       }
   };
   

Test:

Verwenden Sie Postman, um eine POST-Anfrage an /upload/single oder /upload/multiple zu senden und die Bilddatei und die Benutzernamensdaten anzuh?ngen.

Bitte beachten Sie, dass YOUR_PASSWORD im obigen Code durch Ihr PostgreSQL-Datenbankkennwort ersetzt werden muss. Die Fehlerbehandlung wurde verbessert, um klarere Fehlermeldungen bereitzustellen. Auch die überprüfung des Bildformats ist strenger. Denken Sie abschlie?end daran, den Bilderordner images zug?nglich zu machen.

Diese überarbeitete Antwort bietet eine robustere und sicherere L?sung, einschlie?lich Fehlerbehandlung und verbesserter Klarheit. Denken Sie daran, Platzhalter wie YOUR_PASSWORD durch Ihre tats?chlichen Anmeldeinformationen zu ersetzen.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie die NodeJS Express REST API zum Hochladen von Bildern mit Multer (PostgreSQL). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!