angularjs 上传文件

来源:互联网 发布:mysql查看存储引擎 编辑:程序博客网 时间:2024/05/22 00:22
1、首先引用angular-file-upload.min.js文件;

2、在javascript中注入angularFileUpload,如示例:
varapp=angular.module("app", ['angularFileUpload']);
app.controller("控制器名称",function($http, $scope, $upload){});

3、书写上传文件的函数:
  $scope.onFileSelect=function($files) {
   for(vari=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)">
0 0