Skip to content

Latest commit

 

History

History
13 lines (9 loc) · 566 Bytes

File metadata and controls

13 lines (9 loc) · 566 Bytes

Drag & Drop images with vanilla JS

This projects aims to utilize the Drag and Drop api It use four events dragenter dragleave dragover drop to handle files. As a fallback it use input type = file. It can handle multiple files at time, with letting user preview it before the upload. It is used by various browser based tools like imgeditor, canva etc.

Challenges

  • Drag and Drop Api
  • file previewing
  • Ajax
  • Async file handling
  • cross browser file upload