如何在 ng-file-upload 的 ngf-drop 中放置一个浏览按钮而不是让它完全可以点击？

Question

我在我的 angular 应用程序中使用 ngf-drop 的 ng-file-upload 并且在此 select 要上传的文件我们可以单击拖放中的任意位置 div 和 select 弹出窗口将打开 select 一个文件，您可以在 fiddle 中检查它：http://jsfiddle.net/s8kc7wg0/799/ but i want to open a select popup only on onclick of a button in this div and i got succeeded to open a select file popup but file is not processing after selection in this. You can check my code for this at http://jsfiddle.net/s8kc7wg0/800/

<div ngf-drop  ng-model="files" class="drop-box" 
    ngf-drag-over-class="'dragover'" ngf-multiple="true" ngf-allow-dir="true"
    accept="image/*,application/pdf" 
    ngf-pattern="'image/*,application/pdf'">Drop pdfs or images here or
    <span class="browsebutton" ngf-select>browse</span></div>

在此我已将 "ngf-select" 指令从上面的 div 更改为其中的按钮，但它不起作用。

Answer 1

您需要将 ng-model 和 ngf-multiple 添加到 div 内的跨度按钮。

此处：jsfiddle。net/s8kc7wg0/801

如何在 ng-file-upload 的 ngf-drop 中放置一个浏览按钮而不是让它完全可以点击？

How to place a browse button in ngf-drop of ng-file-upload instead of make it whole clickable?

angularjs

ng-file-upload