秒懂 javascript 拖拽上传文件

代码

直接贴代码了，复制到本地 .html 文件中即可实现以上演示效果：

 

说明

• 需对目标区域添加 drop 事件监听，在回调 中通过 参数 e.dataTransfer.files 获取被拖拽上传的文件数组。
• 需要在 dragover 和 dragenter 事件监听中阻止浏览器默认行为。
• 代码是用 utf-8 方式解析文件内容的，如果 文件或网页 编码不是 utf-8 的话，将会出现乱码。