至少阻止下列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);
}参考文章来源：https://www.toymoban.com/news/detail-678445.html
文件上传方式之拖拽上传【渡一教育】_哔哩哔哩_bilibili文章来源地址https://www.toymoban.com/news/detail-678445.html
到了这里，关于html5拖拽文件上传需阻止默认事件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术4（HTML5、CSS3、JavaScript ）图像与多媒体文件hspace，vspace，scrollamount，bgcolor，marquee——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/753534-1.png)
![[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/828994-1.png)
