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

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

html文件

<form ng-app='app' ng-controller='upload'>
	<input type="file" οnchange='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);				
			}
		});