Angularjs：如何检查文件输入字段中的值变化？答案

【问题标题】：Angularjs : How to check for the value changes in file input fields?Angularjs：如何检查文件输入字段中的值变化？
【发布时间】：2026-02-21 01:50:01
【问题描述】：

<input type="file"  accept="image/*" ng-model="imageupload" />

我的问题是，我想在用户浏览图像文件时调用一个函数然后触发一个函数。

输入类型文件的 ng-model 的值会发生变化。然后会调用一个函数，该函数会将图像上传到一个文件夹。

这必须在 AngularJS 中实现

【问题讨论】：

标签： angularjs

【解决方案1】：

您应该查看输入字段的ng-change 指令

ngChange

当用户改变输入时计算给定的表达式。

例子

HTML：

<body ng-controller="mainCtrl">
  <input ng-model='imageUri' type='text' ng-change='alert()'/>
</body>

角度代码：

app.controller('mainCtrl', function($scope){
    $scope.alert = function(){
      alert('hello');
    }
});

【讨论】：

【解决方案2】：

假设你有一个类型为文件的 html 元素，现在向该元素添加一个 ng-change 指令。

<input type="file" ng-change="trigger()">

现在在你的 js 中引用如下代码

var app=angular.module('app',[]);
app.controller('MyCtrl',function($scope){
$scope.trigger=function(){
//your code to copy a file to folder
}
});

【讨论】：