拖拽文件上传

Drag&Drop : HTML5基于拖拽的事件机制.

File API :  可以很方便的让 Web 应用访问文件对象，File API 包括FileList、Blob、File、FileReader、URI scheme，本文主要讲解拖拽上传中用到的 FileList 和 FileReader 接口。

FormData : FormData 是基于 XMLHttpRequest Level 2的新接口，可以方便 web 应用模拟 Form 表单数据，最重要的是它支持文件的二进制流数据，这样我们就能够通过它来实现 AJAX 向后端发送文件数据了。

Drag & Drop 包括以下事件：

dragstart： 要被拖拽的元素开始拖拽时触发，这个事件对象是被拖拽元素

dragenter： 拖拽元素进入目标元素时触发，这个事件对象是目标元素

dragover： 拖拽某元素在目标元素上移动时触发，这个事件对象是目标元素

dragleave： 拖拽某元素离开目标元素时触发，这个事件对象是目标元素

dragend： 在drop之后触发，就是拖拽完毕时触发，这个事件对象是被拖拽元素

drop： 将被拖拽元素放在目标元素内时触发，这个事件对象是目标元素 完成一次成功页面元素拖拽的行为事件过程： dragstart –> dragenter –> dragover –> drop –> dragend

 HTML5 Drag & Drop 事件

/要想实现拖拽，首页需要阻止浏览器默认行为，一共四个事件。

$(document).on({

dragleave:function(e){ //拖离

e.preventDefault();

$('.dashboard_target_box').removeClass('over');

},

drop:function(e){