显示我刚刚通过ajax上传到服务器的图片

// HTML
<form id="uploadForm">
  <input type="file" id="imageInput" name="image" accept="image/*">
  <button type="submit">上传图片</button>
</form>
<div id="imageContainer"></div>

// JavaScript
var uploadForm = document.getElementById('uploadForm');
var imageInput = document.getElementById('imageInput');
var imageContainer = document.getElementById('imageContainer');

uploadForm.addEventListener('submit', function(event) {
  event.preventDefault();
  
  var formData = new FormData();
  formData.append('image', imageInput.files[0]);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);

  xhr.onload = function() {
    if (xhr.status === 200) {
      var imageUrl = xhr.responseText;
      imageContainer.innerHTML = '<img src="' + imageUrl + '">';
    } else {
      console.error('上传失败');
    }
  };

  xhr.send(formData);
});

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

const storage = multer.diskStorage({
  destination: function(req, file, cb) {
    cb(null, './uploads');
  },
  filename: function(req, file, cb) {
    cb(null, Date.now() + path.extname(file.originalname));
  }
});

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

app.post('/upload', upload.single('image'), function(req, res) {
  if (req.file) {
    const imageUrl = 'http://your-domain.com/' + req.file.filename;
    res.status(200).send(imageUrl);
  } else {
    res.status(400).send('图片上传失败');
  }
});

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