angularjs - 如何使用 Angularjs 提交表单

Question

我是新手angularJS。我想用 angularjs 提交一个表单。

我正在使用以下代码：

var app = angular.module('zippyModule', []);

app.controller('Ctrl3', function($scope, $http, $location,$compile) {

    $scope.submit = function(){
        alert($scope.filename);
    }

});

并以我正在使用的形式：

  <div ng-show="show">
           <form ng-submit="submit()"  enctype="multipart/form-data">
           <input type="file" ng-model="filename" name="filename" />
           <br/>
           <input type="submit" class="btn btn-primary" name="upload" value="Upload">
           </form>
           </div>

当我提交表单时，它会发出警报undefined。提交表单后如何打印文件字段的值？

Answer 1

下面是使用 angularjs 上传文件的工作示例

http://jsfiddle.net/danielzen/utp7j/

检查在您的控制器中添加的设置文件功能

 scope.setFiles = function(element) {
    scope.$apply(function(scope) {
      console.log('files:', element.files);
      // Turn the FileList object into an Array
        scope.files = []
        for (var i = 0; i < element.files.length; i++) {
          scope.files.push(element.files[i])
        }
      scope.progressVisible = false
      });
    };

并在您的模板中添加了这一行

 <input type="file" ng-model-instant id="fileToUpload" multiple onchange="angular.element(this).scope().setFiles(this)" />