js监听拖入文件

const fileinput = document.querySelector("#fileinput")

document.addEventListener('dragover', (e) => {
  e.preventDefault()
})

document.addEventListener('drop', (e) => {
  e.preventDefault()
  const { files } = e.dataTransfer
  if (fileinput) {
    if (files.length > 1) {
      alert("只支持单个文件")
    } else {
      console.log(files[0].name);
      fileinput.files = files
    }
  } 
})

if (fileinput) {
  fileinput.addEventListener("change", e => {
    console.log(fileinput.files)
  })
}

// @run-at       document-idle
全部评论

相关推荐

迟缓的斜杠青年巴比Q了:简历被投过的公司卖出去了,我前两天遇到过更离谱的,打电话来问我有没有意向报班学Java学习,服了,还拿我学校一个学长在他们那报班学了之后干了华为OD当招牌
点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务