AngularJS ng-file-upload使用窗口作为droparea

发布时间：2020-12-17 17:21:10 所属栏目：安全来源：网络整理

导读：嘿伙计可以将整个窗口用作droparea吗？当然,我可以将ngf-drop属性附加到body,但是然后其他一些 HTML元素会被覆盖,我无法将文件放在那里…否则我不能使用DIV将这些属性附加到所有其他元素上,因为没有其他东西是可点击的. 或者我怎样才能用vanilla js / css实

嘿伙计可以将整个窗口用作droparea吗？
当然,我可以将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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!