Как отображать изображения, только после полной загрузки?

Осталось вставить ее в страницу: document.querySelector('.imageWrap').appendChild(image);

Кто знает хорошо js. Как связать значок с тегом area?

Судя по caniuse.com/#search=pointer-events не поддерживают только ie8 и opera mini

Как применить стиль к div, когда перетаскиваешь файл (изображение) в окно браузера?

Вот подробно про все события: https://developer.mozilla.org/en-US/docs/Web/Event...

Как применить стиль к div, когда перетаскиваешь файл (изображение) в окно браузера?

document.addEventListener('dragleave', function(){
document.querySelector('.drag-and-drop').style.display = 'none';
});
Почему-то на codepen работает криво, но вообще работает.

Как применить стиль к div, когда перетаскиваешь файл (изображение) в окно браузера?

Stanislav: Потому что jquery нужен. Без него так: codepen.io/hvost/pen/ambXQk