本帖最后由 LukeLiu 于 2019-12-18 18:52 编辑
其实这是浏览器的默认策略：
需要我们用一些代码，屏蔽浏览器的默认策略，这里我以Chrome浏览器举例：
具体代码：
- var dropZone= document.body;
- dropZone.addEventListener("dragenter", function (e) {
- e.preventDefault();
- e.stopPropagation();
- }, false);
- dropZone.addEventListener("dragover", function (e) {
- e.preventDefault();
- e.stopPropagation();
- }, false);
- dropZone.addEventListener("dragleave", function (e) {
- e.preventDefault();
- e.stopPropagation();
- }, false);
- dropZone.addEventListener("drop", function (e) {
- e.preventDefault();
- e.stopPropagation();
- // 处理拖拽文件的逻辑
- });
注：以上代码在Chrome浏览器测试正常，对于其他浏览器，需要咱们去查询对应的代码适配，保证逻辑都是一致的就可以了。引用：https://segmentfault.com/a/1190000013298317
之后的效果：
PS：谢老板别我说打劫哈~
|
