Question

我正在创建一个我有输入字段的网络应用

searchField.setPreferredW(110);

和一个按钮

<input type="file" ng-model="getfilename" />

和段落标记<button ng-click="clickfordetails()">Click Here!</button> 当用户在输入字段中输入文件后单击按钮时，他应该在<P>{{file}}</p>

中获取文件名

这是我的控制器

{{file}}

但是当我将控制器编辑到此

时，我无法获取文件名

$scope.clickfordetails=function() {
    $scope.file=$scope.getfilename;
}

我的控制台（谷歌浏览器）中的值为$scope.clickfordetails=function() { console.log($scope.getfilename); }

我需要怎么做？

Answer 1

使用以下指令

directive('customFileInput', [function () {
    return {
        link: function (scope, element, attrs) {
            element.on('change', function  (evt) {
                var files = evt.target.files;
                scope.filename=files[0].name
            });
        }
    }
}]);

输入类型文件无法获取angularjs中文件类型的文件名

1 个答案: