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
全部评论

相关推荐

05-14 20:34
门头沟学院 Java
窝补药贝八股:管他们,乱说,反正又不去,直接说680
点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务