实现文件拖拽上传的功能

@1 先来看一下效果
实现文件拖拽上传的功能_第1张图片
实现文件拖拽上传的功能_第2张图片

@2 我们来看一下代码执行的结果:
        我们创建目标的容器盒子 和可以展示数据的ul
        监听进入目前盒子的事件 

实现文件拖拽上传的功能_第3张图片 @3  文件进入目标容器中解析文件

实现文件拖拽上传的功能_第4张图片 

实现文件拖拽上传的功能_第5张图片 

实现文件拖拽上传的功能_第6张图片 

你可能感兴趣的:(javascript)