How can I paste an image from the clipboard into a web form?

I found this question, but the question is about how to get an image from the clip board into a wyziwyg editor!

My question is “How can I paste an image from the clipboard into a field (what field is not that big issue as long as it works)”, and then sent to the server.

  • Write text to Clipboard
  • Alpha becomes black when coming from clipboard on Mozilla Firefox and MS Edge
  • what is really in my clipboard? how does it interact with webpage?
  • Copy to Clipboard for all Browsers using javascript
  • Get the print screen image from the clipboard
  • Get html from clipboard in javascript
  • Jira has this functionality, so it should be possible!

    Any ideas on how to do this?

    Just to explain the complete workflow; I would like to have a plave to multi upload images, where the paste from clipboard also is an option. The upload will be some ajax of some sort, bt is not important in this context!


  • Editing clipboard data when copying/pasting from a website
  • How to copy HTML formatted text on to Clipboard from Google Chrome extension?
  • Copy to clipboard without Flash
  • Paste an image from clipboard using JavaScript
  • javascript cut/copy/paste to clipboard: how did Google solve it?
  • How to read clipboard data in cross browser?
  • One Solution collect form web for “How can I paste an image from the clipboard into a web form?”

    UPDATED 25/11/2014

    As Alistar say you can’t do this with only javascript and html, but wait, is not so simple, depending on what you need you can try different way!

    ..clipboard method only works to put strings on the clipboard. For other
    types of data, such as URLs or images,
    you will need to use a more complex



    Flex / Flash / ActionScript

    • Clipboard data formats
    • ActionScript 3.0 – Clipboard




    Clipboard ActiveX for Image Copy/Paste into Web Forms