Drag & Drop Image handle

const dropArea = window;

const preventDefaults = (e)=> {
	e.preventDefault()
	e.stopPropagation();
}

;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
	dropArea.addEventListener(eventName, preventDefaults, false);
})


const handleDrop = (e) => {
	let dt = e.dataTransfer
	let files = dt.files;
	const file = files[0]

	let reader = new FileReader()
	reader.readAsDataURL(file)
	reader.onloadend = () => {
		let img = document.createElement('img')

		img.onload = () => {
			console.log('Image loaded');
		}
		img.src = reader.result;
	}
}


dropArea.addEventListener('drop', handleDrop, false);