【angularjs 】上传文件

1、首先引用angular-file-upload.min.js文件；

 

2、在javascript中注入angularFileUpload，如示例:

var app = angular. module( "app", ['angularFileUpload' ]);
app.controller( "控制器名称", function ($http, $scope, $upload){});

 

3、书写上传文件的函数：

  $scope.onFileSelect = function ($files) {

    for(var i = 0; i < $files. length; i++) {
        $scope.file = $files[i];
        $scope.upload = $upload.upload({
            url: 文件上传接口地址,
            file: $scope.file
        }). success( function (data) {
            文件上传成功后对返回值data做的操作
        });
    }
  };

 

4、页面上的调用

<input type="file" accept= "image/*" ng-file-select= "onFileSelect($files)" >