在express ejs项目中使用filepond上传图片

npm install express ejs

npm install multer

const express = require('express');
const multer = require('multer');

const router = express.Router();

// 创建一个multer实例，指定上传文件的目标目录和文件名的生成规则
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads/'); // 上传文件的目标目录
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + '-' + file.originalname); // 生成文件名的规则
  }
});

// 创建一个multer中间件，用于处理文件上传
const upload = multer({ storage: storage });

// 处理文件上传的路由
router.post('/upload', upload.single('file'), function (req, res, next) {
  // 文件上传成功后的处理逻辑
  res.send('文件上传成功');
});

module.exports = router;

const express = require('express');
const app = express();

// 引入upload.js文件
const uploadRouter = require('./routes/upload');

// 配置upload.js路由
app.use('/', uploadRouter);

// 启动Express服务器
app.listen(3000, function () {
  console.log('Express服务器已启动');
});

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="上传">
</form>