@H_403_6@
嘿伙计可以将整个窗口用作droparea吗？
当然,我可以将ngf-drop属性附加到body,但是然后其他一些 HTML元素会被覆盖,我无法将文件放在那里…否则我不能使用DIV将这些属性附加到所有其他元素上,因为没有其他东西是可点击的.
当然,我可以将ngf-drop属性附加到body,但是然后其他一些 HTML元素会被覆盖,我无法将文件放在那里…否则我不能使用DIV将这些属性附加到所有其他元素上,因为没有其他东西是可点击的.
或者我怎样才能用vanilla js / css实现这种行为？
解决方法
如果将它添加到正文或包含它应该工作的所有元素的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>
