openclaw - 💡(How to fix) Fix Feature Request: Support paste image directly into webchat input box [1 comments, 1 participants]

// Add paste event listener to the input box
document.getElementById('webchat-input').addEventListener('paste', (event) => {
  // Check if the pasted content is an image
  if (event.clipboardData.items && event.clipboardData.items.length > 0) {
    const item = event.clipboardData.items[0];
    if (item.kind === 'file' && item.type.match(/^image\//)) {
      // Get the image file
      const file = item.getAsFile();
      // Upload the image using the existing upload mechanism
      uploadImage(file);
    }
  }
});

// Function to upload the image
function uploadImage(file) {
  // Convert the file to a blob and upload it
  const blob = new Blob([file], { type: file.type });
  const formData = new FormData();
  formData.append('image', blob);
  // Use the existing upload API to upload the image
  fetch('/upload-image', {
    method: 'POST',
    body: formData,
  })
  .then((response) => response.json())
  .then((data) => {
    // Handle the uploaded image
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });
}