如何在 ng-file-upload 的 ngf-drop 中放置浏览按钮，而不是使其完全可点击？答案

【问题标题】：How to place a browse button in ngf-drop of ng-file-upload instead of make it whole clickable?如何在 ng-file-upload 的 ngf-drop 中放置浏览按钮，而不是使其完全可点击？
【发布时间】：2016-12-01 04:12:14
【问题描述】：

我在我的 Angular 应用程序中使用 ng-file-upload 的 ngf-drop，在此选择要上传的文件，我们可以单击拖放 div 中的任意位置，然后会打开一个选择弹出窗口以选择一个文件，您可以在小提琴中检查它：http://jsfiddle.net/s8kc7wg0/799/ 但我想仅在单击此 div 中的按钮时打开选择弹出窗口，我成功打开选择文件弹出窗口，但在此选择后文件未处理。你可以在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 更改为此处的按钮，但它不起作用。

【问题讨论】：

这里：jsfiddle.net/s8kc7wg0/801 你需要将 ng-model 添加到 span
感谢 danial :) 您可以将您的回复添加为答案，以便我将其标记为已接受

标签： angularjs ng-file-upload

【解决方案1】：

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

这里：jsfiddle.net/s8kc7wg0/801

【讨论】：