Javascript 如何使用AngularJS访问HTML输入文件上载文件列表对象?
当我使用HTML输入文件上载选择文件时,我想访问FileList对象的值。当我Javascript 如何使用AngularJS访问HTML输入文件上载文件列表对象?,javascript,angularjs,file-upload,Javascript,Angularjs,File Upload,当我使用HTML输入文件上载选择文件时,我想访问FileList对象的值。当我console.log这个文件列表对象时,我可以在控制台窗口中看到这个对象,但是我无法使用AngularJS访问这些值 这是我的代码:- <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> &
console.log
这个文件列表对象时,我可以在控制台窗口中看到这个对象,但是我无法使用AngularJS访问这些值
这是我的代码:-
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="MyCtrl">
<input type="file" id="myFile" multiple size="50" ng-model="file" onchange="angular.element(this).scope().myFunction()">
<p id="demo" ng-repeat="file in fileList">
Name: {{file.name}} </br>
Type: {{file.type}} </br>
</p>
{{fileList}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('MyCtrl', ['$scope', function($scope){
$scope.myFunction = function(){
var x = document.getElementById("myFile");
$scope.fileList = x.files;
console.log($scope.fileList);
};
}]);
</script>
</body>
</html>
名称:{{file.Name}
类型:{{file.Type}
{{fileList}}
var-app=angular.module('myApp',[]);
app.controller('MyCtrl',['$scope',函数($scope){
$scope.myFunction=function(){
var x=document.getElementById(“myFile”);
$scope.fileList=x.files;
log($scope.fileList);
};
}]);
此指令有一个非常好的用于处理文件的API:
有一些您可以遵循的示例,包括处理多个文件的示例