openclaw - 💡(How to fix) Fix [Bug] Control UI 无法接收图片上传 [4 comments, 4 participants]

<input type="file" id="image-upload" accept="image/*">

const imageUploadInput = document.getElementById('image-upload');

imageUploadInput.addEventListener('change', (e) => {
  const file = e.target.files[0];
  // Upload the file to the server
  uploadFile(file);
});

function uploadFile(file) {
  const formData = new FormData();
  formData.append('image', file);

  fetch('/upload-image', {
    method: 'POST',
    body: formData,
  })
  .then((response) => response.json())
  .then((data) => {
    // Handle the uploaded image
    handleUploadedImage(data);
  })
  .catch((error) => {
    console.error('Error uploading image:', error);
  });
}

app.post('/upload-image', (req, res) => {
  const image = req.files.image;
  // Process the uploaded image
  processImage(image);
  res.json({ message: 'Image uploaded successfully' });
});