上传HTML格式的图片并获取图片路径

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

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

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

app.post('/upload', upload.single('image'), (req, res) => {
  // 处理上传的图片，保存到服务器上的指定位置
  const imagePath = req.file.path;
  
  // 返回图片路径给前端
  res.send({ imagePath });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

const fileInput = document.querySelector('input[type="file"]');

fileInput.addEventListener('change', () => {
  const file = fileInput.files[0];
  const formData = new FormData();
  formData.append('image', file);

  fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .then(data => {
    const imagePath = data.imagePath;
    console.log('图片路径：', imagePath);
  })
  .catch(error => {
    console.error('上传失败：', error);
  });
});