AngularJs:如何檢查文件輸入字段中的更改?我對角不熟悉。我試圖從HTML‘file’字段讀取上傳的文件路徑,每當該字段發(fā)生“更改”時。如果我使用“onChange”,它會起作用,但當我用角度方式使用“ng-Change”時,它就不起作用了。<script>
var DemoModule = angular.module("Demo",[]);
DemoModule .controller("form-cntlr",function($scope){
$scope.selectFile = function()
{
$("#file").click();
}
$scope.fileNameChaged = function()
{
alert("select file");
}});</script><div ng-controller="form-cntlr">
<form>
<button ng-click="selectFile()">Upload Your File</button>
<input type="file" style="display:none"
id="file" name='file' ng-Change="fileNameChaged()"/>
</form> </div>fileNameChage()從來不打電話。Firebug也不會顯示任何錯誤。
3 回答

揚帆大魚
TA貢獻1799條經(jīng)驗 獲得超9個贊
view.html:
<input type="file" custom-on-change="uploadFile">
js:
app.controller('myCtrl', function($scope){ $scope.uploadFile = function(event){ var files = event.target.files; };});
js:
app.directive('customOnChange', function() { return { restrict: 'A', link: function (scope, element, attrs) { var onChangeHandler = scope.$eval(attrs.customOnChange); element.on('change', onChangeHandler); element.on('$destroy', function() { element.off(); }); } };});

森林海
TA貢獻2011條經(jīng)驗 獲得超2個贊
<input data-file id="id_image" name="image" ng-model="my_image_model" type="file">
app.directive('file', function() { return { require:"ngModel", restrict: 'A', link: function($scope, el, attrs, ngModel){ el.bind('change', function(event){ var files = event.target.files; var file = files[0]; ngModel.$setViewValue(file); $scope.$apply(); }); } };});
- 3 回答
- 0 關(guān)注
- 574 瀏覽
添加回答
舉報
0/150
提交
取消