JSFiddle - React, Tailwind, and code Playground
HTML
<div class="paste">
</div>
<input type="file" class="paste"/>
<textarea class="paste"></textarea>
JavaScript
$('body').bind('paste', function(a, b, c) {
console.log(a.originalEvent.clipboardData.getData('Text'));
const event = a;
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
for (index in items) {
var item = items[index];
if (item.kind === 'file') {
var blob = item.getAsFile();
var reader = new FileReader();
blob.name = "test123"
console.log("blob", blob)
reader.onload = function(event){
/* console.log(event.target.result) */}; // data url!
reader.readAsDataURL(blob);
}
}
}
);