首页 前端知识 html5拖拽文件上传需阻止默认事件

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

2024-02-06 15:02:10 前端知识 前端哥 928 33 我要收藏

至少阻止下列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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1450.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!