扫码关注官方订阅号
如果是在页面上传点击 可以点击后获取 input file 里的 files[0];
现在需求是直接在桌面把图片拖拽到浏览器。 如何获取 files[0] 第一个文件?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
/** * 拖拽实现 */ var dropbox = document.getElementById("dropbox"); dropbox.addEventListener("dragenter", function(e){ e.stopPropagation(); e.preventDefault(); }, false); dropbox.addEventListener("dragover", function(e){ e.stopPropagation(); e.preventDefault(); }, false); dropbox.addEventListener("drop", function(e){ e.stopPropagation(); e.preventDefault(); var dt = e.dataTransfer; var files = dt.files; // files[0]即为第一个文件 }, false);
具体可以参考:通过拖放操作选择文件
另外给你推荐一个我写的例子:选择图片文件——支持三种方式(输入框选择, 拖拽选择,截图粘贴三种输入方式)
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
具体可以参考:通过拖放操作选择文件
另外给你推荐一个我写的例子:
选择图片文件——支持三种方式(输入框选择, 拖拽选择,截图粘贴三种输入方式)