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

相关推荐
○陈14 分钟前
vue面试题|[2025-1-3]
前端·javascript·vue.js
转转技术团队19 分钟前
2024转转技术年货发布啦
前端·后端·测试工具·架构
远洋录32 分钟前
Tailwind CSS 实战:动画效果设计与实现
前端·人工智能·react
ueanaIU潇潇子34 分钟前
前后端分离项目部署到云服务器、宝塔(前端vue、后端springboot)详细教程
vue.js·spring boot·云服务器·前后端分离项目部署
靳向阳36 分钟前
CSS层叠样式表
前端·css
16年上任的CTO38 分钟前
一文大白话讲清楚CSS元素的水平居中和垂直居中
前端·javascript·css
LCG元40 分钟前
Vue.js组件开发-如何实现多级下拉菜单
vue.js
码蜂窝编程官方1 小时前
【含开题报告+文档+PPT+源码】基于SpringBoot的线上动物园售票系统设计
java·vue.js·spring boot·后端·spring
KLW752 小时前
Tailwind CSS 使用简介
前端·css
ss2733 小时前
被催更了,2025元旦源码继续免费送
java·vue.js·spring boot·后端·微信小程序·开源