file-upload - angular-file-upload - ドロップゾーンをクリック可能にする方法は?

Question

nv-file-upload ( https://github.com/nervgh/angular-file-upload ) を使用して、ファイルを選択するためのクリック可能な要素としてドロップ ゾーンを機能させるにはどうすればよいですか? {{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
};

これが助けになることを願っています。