2015-11-25 93 views
0

我遵循流星角度的教程,當我到達第20步時,發現文件上傳區域有問題。 有時當我點擊它時,它不會打開上傳窗口 - 有時甚至在輸入工作前需要3或4次點擊。我查看了第20步的現場演示,輸入也在那裏。流星角度ng-upload無法正常工作。教程步驟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/作品,因爲相同的代碼相關精細。

控制檯不顯示任何內容,檢查單元閃爍點擊時它不點燃,但沒有任何變化。

請幫我解決這個問題。

+0

在鉻和歌劇測試 – chinchill

+0

檢查Firefox - 看起來不錯 – chinchill

+0

Sooo什麼你在說什麼?每次在Chrome,FF,Safari – durrrr

回答

0

ng文件上傳的流星包看起來非常過時。我發現解決方法,並將ng-upload上傳到客戶端/ lib文件夾 - 我只是想知道爲什麼流星告訴我們使用過時的數據包,而這種簡單的解決方案。