html5拖拽文件上传需阻止默认事件

至少阻止下列3个事件的默认行为才能实现文件拖拽上传

复制代码
var b=document.getElementById('box')
b.ondragenter=(e)=>{
  e.preventDefault()
  console.log('======aaa',e.dataTransfer.files);
}
b.ondragover=(e)=>{
  e.preventDefault()
  console.log('======bb',e.dataTransfer.files);
}

b.ondrop=(e)=>{
  e.preventDefault()
  console.log('======e',e.dataTransfer.files);
}

参考

文件上传方式之拖拽上传【渡一教育】_哔哩哔哩_bilibili

相关推荐
忆江南24 分钟前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南26 分钟前
对组件化与模块化的思考与总结
前端
小码哥_常30 分钟前
从0到1:Android组件化架构搭建秘籍
前端
忆江南30 分钟前
iOS 应用启动流程与优化详解
前端
itslife35 分钟前
前端架构模式思考
前端·架构
Wect40 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试
雨落Re40 分钟前
从递归组件到 DSL 引擎:我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
Maxkim42 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
大漠_w3cpluscom1 小时前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
大怪v13 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员