拖拽上传 ​

拖拽文件上传需要使用拖拽相关的 API。

dragenter：拖拽文件、元素进入放置区域触发

dragover：拖拽文件、元素在放置区域中触发，默认行为禁止将元素、文件放置在放置区域中，要想实现拖拽操作需要阻止该事件的默认操作。

drop：拖拽元素、文件放置在放置区域中触发，默认将打开文件，需要取消默认行为。

dragleave：拖拽元素、文件并离开放置区域触发

dragend：拖拽结束触发。

关键点：当 drop 事件触发时，若拖入的是文件，则事件对象中的event.dataTransform.files中就有上传的文件，支持多个文件的上传，但注意要取消默认行为，否则会在浏览器中直接打开文件。