首页 / JAVASCRIPT / js判断input file 是否有进行选择文件，监听资源管理器的关闭操作 - 戴向天

js判断input file 是否有进行选择文件，监听资源管理器的关闭操作 - 戴向天

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js判断input file 是否有进行选择文件，监听资源管理器的关闭操作 - 戴向天，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含990字，纯文字阅读大概需要2分钟。

内容图文

大家好！我叫戴向天

QQ群：602504799

如若有不理解的，可加QQ群进行咨询了解

实现思路，当电脑的资源管理器被打开的时候，浏览将会处于一个等待的状态，相当于资源管理器被打开类似于js里面的一个await Promise一样。浏览器的所有事件将会进行被阻塞。

于是我们可以利用这一点来进行实现监听资源管理器是否关闭，判断input file是否有进行选择文件。

在我们进行打开资源管理器的时候，我们顺便个document加上一个鼠标移动事件（mousemove）当该事件被触发的时候，就说明资源管理器已经关闭了，这个时候我们就可以进行处理input是否就文件。

const input = document.createElement('input');
input.setAttribute('type', 'file');
document.body.appendChild(input);
input.setAttribute('style', `position: fixed;top:-500%;left: -500%;`)
input.click();

function monitor() {
	document.removeEventListener('mousemove', monitor);
	if (input.files && input.files.length > 0) {
	    console.log('您选择中文件：', input.files)
	} else {
	    console.log('您没有选择文件')
	}
	document.body.removeChild(input);
}
document.addEventListener('mousemove', monitor, false);

内容总结

以上是互联网集市为您收集整理的js判断input file 是否有进行选择文件，监听资源管理器的关闭操作 - 戴向天全部内容，希望文章能够帮你解决js判断input file 是否有进行选择文件，监听资源管理器的关闭操作 - 戴向天所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1022678.html

来源：【匿名】