我的任务是在选择或上传文件或上传文件后选择或上传的警报框中的路径名警报警报框应警报路径名。
这是我的HTML页面,index.html
<!DOCTYPE html>
<head>
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="ProductCtrl">
<input type="file" id="file" name="file">
<button ng-click="add()">Add</button>
<p>{{data}}</p>
</div>
<script>
var myApp = angular.module('myApp',[]);
function ProductCtrl($scope) {
$scope.data = 'none';
$scope.add = function(){
alert(file);
var f = document.getElementById('file').files[0],
r = new FileReader();
r.onloadend = function(e){
$scope.data = e.target.result;
}
r.readAsBinaryString(f);
}
}
</script>
</body>
</html>
和我的plunker:http://plnkr.co/edit/5xawn6e51qzzfdt86zwq?p = preview
嘿,我做了一个plunker检查
var myApp = angular.module('myApp',[]);
function ProductCtrl($scope) {
$scope.data = 'none';
$scope.add = function(){
var f = document.getElementById('file').files[0],
r = new FileReader();
r.onloadend = function(e){
$scope.data = e.target.result;
alert(JSON.stringify(f));
}
r.readAsBinaryString(f);
}
}