angularJs 取中文件名

     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);				
			}
		});