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

Question

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.

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!

Thanks

Answer 1

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 method...

HTML5

• http://www.w3.org/TR/clipboard-apis/
• http://www.w3.org/TR/clipboard-apis/#mandatory-data-types-1

1. http://caniuse.com/#feat=clipboard
2. https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent

Flex / Flash / ActionScript

• Clipboard data formats
• ActionScript 3.0 - Clipboard

1. http://www.flexets.com/show-image-from-clipboard
2. http://upog.wordpress.com/2010/02/14/copy-and-paste-in-flex-web-application/

JAVA

• http://java.sun.com/j2se/1.5.0/docs/api/java/awt/datatransfer/Clipboard.html

1. http://www.java2s.com/Code/Java/2D-Graphics-GUI/SendingImageObjectsthroughtheClipboard.htm
2. http://lassebunk.dk/2009/08/04/clipboard-java-applet/
3. http://www.devdaily.com/java/java-clipboard-image-copy-paste

ActiveX

Clipboard ActiveX for Image Copy/Paste into Web Forms