当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/140449.html

相关文章:

  • 深入剖析Kubernetes之Pod基本概念(一)
  • idea 对JavaScript进行debug调试
  • npm init
  • 微信小程序开发教学系列(6)- 数据缓存与本地存储
  • 跟我学c++中级篇——模板的基础术语说明
  • 最新Win10离线安装.NET Framework 3.5的方法(附离线包2022/3/22)
  • 最新docker多系统安装技术
  • 系统架构设计高级技能 · 云原生架构设计理论与实践
  • Springboot集成RocketMQ——简单使用
  • 第一百二十四回 Flexible组件
  • 关于stm32推挽带有上下拉电阻的思考、IO口驱动能力是什么
  • 考研408 | 【操作系统】 内存管理
  • C# 工厂模式
  • 在云服务器上安装Jenkins
  • 一文了解SpringBoot中的IOC
  • docker-compose管理创建LNMP服务并运行Wordpress网站平台
  • 【宝藏系列】一文带你梳理 Linux 的五种 IO 模型
  • 【Python】模块、包
  • CMAKE_CUDA_ARCHITECTURES针对Jetson Xavier或者Orin的设置
  • sqlite3.OperationalError: unable to open database file解决方法
  • SSL核心概念 SSL类型级别
  • 器件介绍TMP1826NGRR、TMP1826DGKR、TMP1827NGRR、TMP1075NDRLR数字温度传感器
  • 抖店必须绑定抖音账号吗?聊6个抖店不为人知的小细节,别外传
  • 如何搭建智能家居系统并通过内网穿透实现远程控制家中设备
  • 【趣味随笔】手机参数你真的看懂了吗?
  • 微信小程序开发教学系列(4)- 数据绑定与事件处理
  • C++避坑——most vexing parse问题
  • 利用lammps模拟蓝宝石在水润滑环境下的抛光
  • 3.BGP状态机和路由注入方式
  • 微信开发之一键创建微信群聊的技术实现