Использование nv-file-upload (https://github.com/nervgh/angular-file-upload) как я могу сделать так, чтобы зона перетаскивания действовала также как кликабельный элемент для выбора файлов? Добавление {{nv-file-select}} не работает.
angular-file-upload – как сделать зону перетаскивания доступной для кликов?
Ответы (1)
Ответ заключается в том, что ВЫ НЕ МОЖЕТЕ сделать это внутри этого плагина, но я использую простое решение для такого рода проблем. Добавьте ng-click внутри тега dragNdrop и вызовите свою функцию:
<div nv-file-drop="" uploader="upload" ng-click="launchFilePicker()">
<div class="drop-box" ng-show="upload.isHTML5" uploader="upload" nv-file-over="" over-class="dragover" filter="image/*,application/pdf">
Drag a file here.
</div>
</div>
<div ng-hide="upload.isHTML5"> <input id="fileDialog" type="file" nv-file-select uploader="upload"/><br/></div>
И внутри вашего контроллера вы делаете это:
$scope.launchFilePicker = function () {
//$('#fileDialog').click(); //not angular way
angular.element('#fileDialog').trigger('click'); //angular way
};
Я надеюсь, что это поможет.
person
Aosi
schedule
12.08.2015