javascript - 选择文件输入 ng-change 永远不会触发

Question

因此文件输入可以正常打开，我可以选择一个文件。我现在还可以上传文件并绑定(bind)文件。但 ng-change 事件永远不会被触发。

<img class="profile-pic" ng-click="addHeaderImage()" ng-src="{{applyform.UseProfilePic}}"/>
<input type="file" ng-change="uploadHeader()" style="display: none" id="headerinput" ngf-select ng-model="file" ngf-multiple="false"/>

$scope.addHeaderImage = function () {
    document.getElementById("headerinput").click();
}

$scope.uploadHeader = function () {
    //$scope.loading = true;
    var file = document.getElementById("headerinput").files[0];
    var reader = new FileReader();
    console.log("TJAABAB");
    reader.addEventListener("load",
        function () {
            //item.Image = reader.result;
            console.log("UPLOAD");
            console.log(reader.result);
            $scope.$apply();
            //$scope.updateQuoteHeader(item);
            //$scope.loading = false;
        },
        false);
    if (file) {
        reader.readAsDataURL(file);
    }
}

因此，当我选择文件时，函数上传 header 永远不会被触发。这是为什么？

Answer 1

尝试 onchange 而不是 ng-change:

<input type="file" onchange="angular.element(this).scope().uploadHeader()" style="display: none" id="headerinput" ngf-select ng-model="file" ngf-multiple="false"/>