84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如果是在页面上传点击 可以点击后获取 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);
具体可以参考:通过拖放操作选择文件
另外给你推荐一个我写的例子:选择图片文件——支持三种方式(输入框选择, 拖拽选择,截图粘贴三种输入方式)
具体可以参考:通过拖放操作选择文件
另外给你推荐一个我写的例子:
选择图片文件——支持三种方式(输入框选择, 拖拽选择,截图粘贴三种输入方式)