Question 176627 in Javascript Question posted in
A very good W3school tutorial can be found here.

Can Javascript send data to the server as a File?

I received an image in the form of a Bitmap from the clipboard and need to send it to the server as a file. How do I implement this without saving it as a file on the user’s computer?

Tags:

2

Answers


  1. 0

    Since you haven’t mentioned the tech stack, I’ll answer this from a general theoretical perspective.

    You should turn the clipboard data into a byte stream and send it over an HTTP multipart/form-data request to the server.

    Login or Signup to reply.
  2. 0

    You can convert the Bitmap image to a Blob object and send it to the server. I’m assuming you are using pure Javascript, so I’ve done using Fetch. You can use Axios also for the same, for eg:

    async function sendImageToServer(imageBitmap) {
  const blob = await new Promise(resolve => imageBitmap.blob(resolve));
  const formData = new FormData();
  formData.append('image', blob, 'image.jpg');
  const response = await fetch('/upload', {
    method: 'POST',
    body: formData,
  });
  const result = await response.json();
  return result;
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search