CODEWITHSUNDEEP
angularjs
Webfreaks
Webfreaks

Reputation: 113

AngularJS file upload is not working when we use ng-change

In file upload ng-change is not working as expected in angularJS

<input type="file" ng-model="fileUpload" ng-change="setFiles(this) /"

JS:

$scope.setFiles=function(element){
    console.log(element.files);
}

Here element.files is undefined

But if i chage the ng-change to onchange it's working.

<input type="file" ng-model="fileUpload" onchange="angular.element(this).scope().setFiles(this)"/>

JS:

$scope.setFiles=function(element){
    console.log(element.files);
}

Here i'm getting the element.files object.

Why it is working in onchange not in ng-change?

Upvotes: 2

Views: 7999

Answers (2)

Mahesan Rv
Mahesan Rv

Reputation: 328

 <input type="file" id="file_upload_id_here" style="width:55%" name="file" onchange="angular.element(document.getElementById('file_upload_id_here')).scope().getFileDetailsCandidate(document.getElementById('file_upload_id_here'))" />

use like the above, some times the root scope is switchesm it cannot revert it current scope, on that this functionality will not works, so put your current document object like the above

Upvotes: 0

Simo Mafuxwana
Simo Mafuxwana

Reputation: 3762

Angular doesn't seem to support binding for <input type="file"..../>. It seems like you have to create a directive... full details here. You can also try this library

Upvotes: 1

Related Questions