Angular - how to get file in IE

Question

I cant get files from input file on IE9/8. 10 works.

<input type="file" file-model="onFileSelected($files)" />

app.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',

        link: function(scope, element, attrs) {           
            var fn = $parse(attrs["fileModel"]);
            element.on('change', function(e) {
                console.log(e.target.files);
            })
        }
    };
}]);

e.target.files is undefined on IE9

Possible duplicates: http://stackoverflow.com/questions/12830058/ie8-input-type-file-get-files http://stackoverflow.com/questions/6207388/is-it-possible-to-select-and-upload-multiple-files-at-one-time-in-internet-explo — Taylor Buchanan, Nov 06 '14 at 12:59

score 0 · Accepted Answer · edited May 23 '17 at 11:58

0

This question has already been answered here and here.

However, may I recommend you take a look at angular-file-upload. If you need to upload multiple files at once, it handles the abstraction of the file input for most browsers by using a flash shim.

edited May 23 '17 at 11:58

Community

1
1

answered Nov 06 '14 at 13:03

Taylor Buchanan

4,155
1
28
40

Angular - how to get file in IE

1 Answers1