AngularJS ng-file-upload 使用 window 作为放置区域

Question

是否可以将整个window用作空投区域？

当然，我可以将 ngf-drop 属性附加到正文，但是其他一些 HTML 元素会覆盖，我不能将文件放在那里……否则我无法使用 DIV 将这些属性附加到所有其他元素之上，因为没有其他元素是可点击的。

或者我如何使用 vanilla js 实现该行为/css？

Answer 1

如果将它添加到正文或 div 中并包含它应该工作的所有元素，请确保正文容器 div 是完整尺寸并包含所有元素。 dragover 和 drop 事件仍将在主体或容器上调用 div。

<body ng-app="fileUpload" ng-controller="MyCtrl">
    <div style="width:100%;height:100%" ngf-drop ngf-select ng-model="files" class="drop-box" ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="true"><div>Drop File:</div>
        <div>No Drop File Div</div>
        <ul>
            <li ng-repeat="f in files" style="font:smaller">{{f.name}}</li>
        </ul>Upload Log: <pre>{{log}}</pre>

    </div>
</body>

AngularJS ng-file-upload 使用 window 作为放置区域

AngularJS ng-file-upload use window as droparea

drag-and-drop

angularjs

ng-file-upload