如何使用AngularJS上传文件？

这里是我的HTML：如何使用AngularJS上传文件？

<button class="btn btn-default" ng-click="selectFile()">Choose file</button> 
<input type="file" accept="image/*" name="file" style="display: none;" id="photo-file" fileupload="uploadme">

在我的控制，我有：

$scope.selectFile = function() { 
    $("#photo-file").click(); 
}

我还创建了一个指令：

angular.module("MyApp") 
    .directive("fileupload", function($rootScope) { 
    return { 
     scope: { 
     'fileupload': "=" 
     }, 
     link: function(scope, element, attributes) { 
     return element.bind("change", function(changeEvent) { 
      return scope.$apply(function() { 
      return scope.fileread = changeEvent.target.files[0]; 
      }); 
     }); 
     } 
    }; 
    } 
);

但缺少的东西。当我选择要上传的文件时，我希望它在控制器中运行一个功能。我怎样才能做到这一点？

来源

2013-11-22 Shamoon

最简单的方法可能是使用scope。$ parent。。该指令创建您正在使用的任何控制器的子范围。 –

您可以在控制器中'监视'绑定到'fileupload'的变量，并在变化时采取行动。 –

如果您没有问题，我可以推荐使用外部模块。 Here是我尝试过的，并且非常满意。

来源

2013-11-22 21:53:01

如何使用AngularJS上传文件？

回答

相关问题