angular-file-upload – как сделать зону перетаскивания доступной для кликов?

Использование nv-file-upload (https://github.com/nervgh/angular-file-upload) как я могу сделать так, чтобы зона перетаскивания действовала также как кликабельный элемент для выбора файлов? Добавление {{nv-file-select}} не работает.


person user776686    schedule 24.07.2015    source источник


Ответы (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