file-upload - angular-file-upload - 如何使拖放区可点击？

Question

使用nv-file-upload（https://github.com/nervgh/angular-file-upload）如何使Drop Zone Act也可以作为可单击的元素来选择文件？添加 {{nv-file-select}} 似乎不起作用。

Answer 1

答案是你不能，在那个插件中没有办法做到这一点，但我使用一个简单的解决方案来解决这类问题。在您的 dragNdrop 标记内添加一个 ng-click 并调用您的函数：

<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
};

我希望这会有所帮助。