JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  paste an image here (using <kbd>Ctrl + V</kbd>)
</div>

CSS

div {
  height: 200px;
  width: 200px;
  border: thick black solid;
}

JavaScript

const div = document.querySelector('div')

div.addEventListener('paste', (event) => {
	console.log(event.clipboardData)
  Array.from(event.clipboardData.items).forEach(i => console.log(i))
	console.log(event.clipboardData.types)
  Array.from(event.clipboardData.files).forEach(i => console.log(i))
})