Question

Hey Guys是否可以将整个窗口用作droparea？当然，我可以将ngf-drop属性附加到正文，但是然后其他一些HTML元素会被覆盖，我无法将文件放在那里...否则我不能使用DIV来附加这些属性并将其放在所有其他元素上，因为没有别的东西可以点击。

或者我怎样才能用vanilla js / css实现这种行为？

Answer 1

如果将它添加到正文或包含它应该起作用的所有元素的div，请确保正文容器div是完整大小并包含所有元素。 dragover和drop事件仍将在body或container div上调用。

示例：http://jsfiddle.net/w812qp1s/

<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使用窗口作为droparea

1 个答案: