Как поместить кнопку просмотра в ngf-drop загрузки ng-file вместо того, чтобы сделать ее полностью доступной?

Я использую ngf-drop из ng-file-upload в своем угловом приложении, и в этом для выбора файла для загрузки мы можем щелкнуть в любом месте в 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 на кнопку в этом, но она не работает.


angularjs ng-file-upload
person Manjit Singh    schedule 27.07.2016    source источник
comment
здесь: jsfiddle.net/s8kc7wg0/801 вам нужно добавить ng-модель в диапазон   -  person danial    schedule 27.07.2016
comment
спасибо Даниал :) вы можете добавить свой ответ в качестве ответа, чтобы я мог отметить его как принятый   -  person Manjit Singh    schedule 27.07.2016

Ответы (1)


arrow_upward
1
arrow_downward

Вам нужно добавить ng-model и ngf-multiple к кнопке span внутри div.

здесь: jsfiddle.net/s8kc7wg0/801

person danial    schedule 27.07.2016