Node.js×KindEditor 画像アップロード実装ガイド

Node.jsでKindEditorの画像アップロード機能を実装するには、次の手順を使用できます:

  1. ExpressフレームワークとMulterモジュールをインストールする。
npm install express multer
  1. プロジェクト内に画像をアップロードするためのルートファイル(upload.jsなど)を作成し、以下のコードを追加してください。
const express = require('express');
const multer = require('multer');
const router = express.Router();

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/')  // 指定图片上传的目录
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname)  // 使用原始文件名作为上传后的文件名
  }
})

const upload = multer({ storage: storage });

router.post('/upload', upload.single('file'), (req, res) => {
  const file = req.file;
  res.json({
    url: `/uploads/${file.filename}`
  });
});

module.exports = router;
  1. app.jsというメインファイルに、そのルートファイルをインポートして使用します。
const express = require('express');
const app = express();
const uploadRouter = require('./routes/upload');

app.use('/api', uploadRouter);

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});
  1. KindEditorを使用して画像をアップロードし、アップロードされた画像を指定されたディレクトリ(uploads/)にアップロードし、アップロード後の画像のURLをKindEditorに返して表示します。

Node.jsを使用してKindEditorの画像アップロード機能を実装する基本的な手順が上記にあります。具体的な要求に応じて適切な変更や拡張を行うことができます。

bannerAds