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

Question

使用nv-file-upload (https://github.com/nervgh/angular-file-upload)，我如何让drop zone也作为一个可点击的元素来选择文件？添加{{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
};

我希望这能有所帮助。