title: How can one paste images into a Web App? What solutions are available? HTML 5 Canvas?
body: <p>I'm currently building a very bare bones web app, that had the requirement of being able to copy an image while broswing the web, and then pasting it onto my page.</p>
  
  <p>I know that this type of functionality IS possible - as I've pasted images into gmail while writing messages, and into Tumblr (I believe they use TinyMCE as their editor).</p>
  
  <p>After long searching - I've been saddened by the poor quality of explanation for the available solutions out there.</p>
  
  <p>This is what I've gathered:</p>
  
  <pre><code>$(document).bind('paste', function(e){
  console.log(e);
  })
  </code></pre>
  
  <p>Inspecting the event object, it seems that data is only included when there is text (in Chrome anyways).</p>
  
  <p>I am aware that IE has a clipboardData object which gives you access to the clipboard contents.</p>
  
  <p>I've also heard of possible solutions using Flash, Java Applets, and HTML 5 Canvas - but I haven't yet been able to find good write ups explaining those solutions.</p>
  
  <p>Anyone done this successfully, and can suggest best practices?</p>