Question

我遵循了流星角的教程，当我到达第20步时，我发现文件上传区域有问题。有时当我点击它时，它不会打开上传窗口 - 有时在输入工作之前甚至需要3或4次点击。我检查了第20步的现场演示，并且还输入了输入。

我用于测试的代码是：

var app = angular.module('fileUpload', ['ngFileUpload', 'ngRoute']);

app.controller("AddPhotoCtrl", function($scope) {



});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
  <script src = "http://angular-file-upload.appspot.com/js/ng-file-upload.js">
</script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<script src="http://angular-file-upload.appspot.com/js/ng-file-upload-shim.js"></script>
<div ng-app="fileUpload" ng-controller="AddPhotoCtrl">
  <div ngf-drop ngf-select ngf-change="addImages($files)" ngf-drag-over-class="{accept:'dragover', reject:'dragover-err', delay:100}" class="drop-box" ngf-multiple="false" ngf-allow-dir="true" ngf-accept="'image/*'" ngf-drop-available="dropAvailable">
    <button>Click here to select image</button>
    <div>
      <strong>OR</strong>
    </div>
    <div ng-show="dropAvailable">You can also drop image to here</div>
  </div>
</div>

我制作了快速复制示例：http://ngupload.meteor.com

我认为它必须与流星相关，因为http://jsfiddle.net/s8kc7wg0/282/上的相同代码可以正常工作。

控制台没有显示任何内容，检查元素在没有点燃时点击它会闪烁，但没有任何变化。

请帮我解决这个问题。

Answer 1

看起来用于ng-file上传的meteor包非常过时。我找到了解决方法，并将ng-upload放到了client / lib文件夹中 - 我只是想知道为什么meteor告诉我们使用过时的数据包，而这种简单的解决方案有效..

Meteor-angular ng-upload无法正常工作。教程步骤20问题

1 个答案: