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

大佬教程收集整理的这篇文章主要介绍了javascript – 输入类型文件无法获取angularjs中文件类型的文件名，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在创建一个web应用程序,其中我有一个输入字段

< input type =“file”ng-model =“getfilename”/>

和一个按钮

< button ng-click =“clickfordetails()”>点击此处！< / button>

和段落标记< P> {{filE}}< / p>
当用户在输入字段中输入文件后单击按钮时,他应该在{{filE}}中获取文件名

这是我的控制器

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

但是当我编辑控制器时,我无法获取文件名

$scope.clickfordetails=function() {
    console.log($scope.getfileName);
}

我的控制台(谷歌浏览器)中的值是未定义的

我该怎么做？

解决方法:

使用以下指令

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

大佬总结

以上是大佬教程为你收集整理的javascript – 输入类型文件无法获取angularjs中文件类型的文件名全部内容，希望文章能够帮你解决javascript – 输入类型文件无法获取angularjs中文件类型的文件名所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。