Meteor-angular ng-upload 无法正常工作。教程第20步问题
Meteor-angular ng-upload doesn't work properly. tutorial step 20 issue
我按照 meteor-angular 上的教程进行操作,当我进行到第 20 步时,我发现文件上传区域有问题。
有时当我点击它时,它不会打开上传 window - 有时甚至需要点击 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/ 上的相同代码工作正常。
控制台不显示任何内容,检查元素在未点燃时单击它会闪烁,但没有任何变化。
请帮我解决这个问题。
看起来用于 ng 文件上传的 meteor 包已经过时了。我找到了解决方法并将 ng-upload 放入 client/lib 文件夹 - 我只是想知道为什么 meteor 告诉我们使用过时的数据包,而这样简单的解决方案却有效..
我按照 meteor-angular 上的教程进行操作,当我进行到第 20 步时,我发现文件上传区域有问题。 有时当我点击它时,它不会打开上传 window - 有时甚至需要点击 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/ 上的相同代码工作正常。
控制台不显示任何内容,检查元素在未点燃时单击它会闪烁,但没有任何变化。
请帮我解决这个问题。
看起来用于 ng 文件上传的 meteor 包已经过时了。我找到了解决方法并将 ng-upload 放入 client/lib 文件夹 - 我只是想知道为什么 meteor 告诉我们使用过时的数据包,而这样简单的解决方案却有效..