如何使用FormBuilder将图像( blob )发送到数据库中

<form id="imageForm">
  <input type="file" name="image" id="imageInput">
  <button type="submit">上传图像</button>
</form>

<script>
  const form = document.getElementById('imageForm');
  const imageInput = document.getElementById('imageInput');

  form.addEventListener('submit', (e) => {
    e.preventDefault();

    const formData = new FormData();
    formData.append('image', imageInput.files[0]);

    fetch('/upload', {
      method: 'POST',
      body: formData
    })
    .then(response => response.json())
    .then(data => {
      console.log('图像上传成功');
    })
    .catch(error => {
      console.error('图像上传失败', error);
    });
  });
</script>

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

const app = express();
const upload = multer({ dest: 'uploads/' });

const db = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

app.post('/upload', upload.single('image'), (req, res) => {
  const image = req.file;

  // 将图像文件保存到数据库中
  const sql = 'INSERT INTO images (data) VALUES (?)';
  db.query(sql, [image.buffer], (error, result) => {
    if (error) {
      console.error('图像保存失败', error);
      res.status(500).json({ error: '图像保存失败' });
    } else {
      console.log('图像保存成功');
      res.json({ success: true });
    }
  });
});

app.listen(3000, () => {
  console.log('服务器已启动');
});