angularJs 取<input type='file'>中文件名

     angularjs小白一枚，从头开始在做一个angularjs做前端框架，nodejs做后端环境的项目，开始各自不会。后来在一点一点的学，过程十分缓慢。最近在做上传图片的功能，但单纯的ng-model无法获取到上传的图片名，后来各自查资料，在一个外国大大的视频里找到了方法，可以实现多图片上传，具体原理还很模糊，先分享之后一点一点参透。

html文件

<form ng-app='app' ng-controller='upload'><input type="file" onchange='angular.element(this).scope().fileChanged(this)' />    <button ng-click='upload()'>upload</button>    <li>{{files[0].name}}</li>    <img ng-src={{files[0].name}} /></form>

js文件

var app = angular.module('app',[]);app.controller('upload',function($scope){$scope.fileChanged = function(ele){$scope.files = ele.files;$scope.$apply();}$scope.upload = function(){console.log($scope.files);}});