Clipboard API

HTML

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<textarea></textarea>
<canvas id="c" width="300" height="300"></canvas>
<div id="console"></div>

JavaScript

window.addEventListener("paste",pasteAction);
var pasted = [];
var canvas  = new fabric.Canvas('c');

function pasteAction(event) {
// use event.originalEvent.clipboard for newer chrome versions
console.log(event.clipboardData.files.length);
  var items = (event.clipboardData.files  || event.originalEvent.clipboardData).items;
  console.log(JSON.stringify(items)); // will give you the mime types
  // find pasted image among pasted items
  var blob = null;
  for (var i = 0; i < event.clipboardData.files.length; i++) {
  console.log(event.clipboardData.files[i]);
    if (event.clipboardData.files[i].type.indexOf("image") === 0) {
      blob = event.clipboardData.files[i];
    }
  }
  // load image if there is a pasted image
  if (blob !== null) {
    var reader = new FileReader();
    reader.onload = function(event) {
      console.log(event.target.result); // data url!
    };
    reader.readAsDataURL(blob);
  }
}