In this short article we will see how in JavaScript read image from clipboard as Data URLs encoded with Base64.

👍 ✔ Originally posted on:
We can run and test this code online under above link ☘

Very important thing is: this feature is available in the newest browsers but it can be treated as additional feature that helps user working ergonomics.

How to use it?:

  1. copy some bitmap to clipboard
    (it is good to open some image editor and copy selected image area, use some snipping tool or just press Print Screen key),
  2. run below example,
  3. press Paste image from clipboard button. — we help you to solve coding problems ✔️🚀. Ask question