Javascript 实现简单的angularjs文件上传

Javascript 实现简单的angularjs文件上传,javascript,angularjs,html,file-upload,Javascript,Angularjs,Html,File Upload,我正在尝试实现一个简单的。我已经为该特定页面配备了控制器,如下所示: app.controller('PageCtrl', function ($scope, $rootScope, $location, $routeParams, services, video) { var videoID = ($routeParams.videoID) ? parseInt($routeParams.videoID) : 0; var original = video.da

我正在尝试实现一个简单的。我已经为该特定页面配备了控制器,如下所示:

    app.controller('PageCtrl', function ($scope, $rootScope, $location, $routeParams, services, video) {


   var videoID = ($routeParams.videoID) ? parseInt($routeParams.videoID) : 0;

      var original = video.data;
      original._id = videoID;
      $scope.video = angular.copy(original);
      $scope.video._id = videoID;
      $scope.isClean = function() {
        return angular.equals(original, $scope.video);
      }


    // Activates the Carousel
    $('.carousel').carousel({
      interval: 5000
    });

    // Activates Tooltips for Social Links
    $('.tooltip-social').tooltip({
      selector: "a[data-toggle=tooltip]"
    })
  });
我的HTML看起来像这样

<div class="form-group">
                        <label class="col-md-4 control-label" for="Message">Message</label>
                        <div class="col-md-4">                     
                        <textarea class="form-control" id="Message" name="Message">Hi David...</textarea>
                        </div>
                        </div>

                        <!-- Multiple Checkboxes -->
                        <div class="form-group">
                        <label class="col-md-4 control-label" for=""></label>
                        <div class="col-md-4">
                        <div class="checkbox">
                        <label for="-0">
                          <input ng-model="imagesModal" type="checkbox" name="" id="-0" value="1">
                          Upload Images
                        </label>
                        </div>
                        </div>
                        </div>

                        <!--Images Form Group-->
                        <div class="form-group" ng-show="imagesModal">
                                <input type="file" ng-file-select="onFileSelect($files)" >
                        </div>

                        <!-- Button -->
                        <div class="form-group">
                        <label class="col-md-4 control-label" for="Submit"></label>
                        <div class="col-md-4">
                        <button id="Submit" name="Submit" class="btn btn-primary">Submit</button>
                        </div>
                        </div>
我越来越累了。我也试着声明所有的参数

app.controller('PageCtrl', ['$scope', '$upload', '$rootScope', '$location', '$routeParams', function ($scope, $rootScope, $location, $routeParams, services, video) {
但还是一样的错误。所以我也删除了所有的声明。没用。 我已经挣扎了很长时间了。我只是从角度开始。不知道我错在哪里

更新

var app = angular.module('videomandiApp', [
  'ngRoute','youtube-embed','ngFileUpload'
]);



  <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
           <script src="js/ng-file-upload.min.js"></script>
        <script src="js/ng-file-upload-shim.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
<script src="http://brandly.github.io/angular-youtube-embed/angular-youtube-embed.js"></script>


        <script src="js/main.js"></script>
var-app=angular.module('videomandiApp'[
“ngRoute”、“youtube-embed”、“ngFileUpload”
]);

你能给我们看一下你的
angular.module
定义吗?我已经更新了这个问题。你也能在你的主HTML文件中共享你的
标记吗?我已经更新了脚本标记include angular.js而不是angular.min.js,你会看到更好的错误消息。
var app = angular.module('videomandiApp', [
  'ngRoute','youtube-embed','ngFileUpload'
]);



  <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
           <script src="js/ng-file-upload.min.js"></script>
        <script src="js/ng-file-upload-shim.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
<script src="http://brandly.github.io/angular-youtube-embed/angular-youtube-embed.js"></script>


        <script src="js/main.js"></script>