How to get file size from clientside using javascript in IE?

Question

I used the following methode

HTML

<input type="file" id="loadfile" />

JavaScript

var file = document.getElementById('loadfile').files[0];
alert( "name " +  file.name + "Size " +  file.size );

It works fine other browsers except IE :( How to get in IE ?

Thanks all ... I also get the info from everywhere that IE doesn't support this feature :( I had found a great plugin for file upload http://blueimp.github.com/jQuery-File-Upload/ — raki, Nov 22 '12 at 11:54
You may be able to do it if you use Flash. Is Flash not an option? We use a Flash uploader that does get filesize, but I think what we have is a custom built one, not some publicly available Flash uploader. But the publicly available ones might have that functionality as well. We use the Flash uploader in IE only and go with HTML5/JS based uploader on the other browsers. Suggest you look into the same approach. — David, Mar 29 '13 at 06:43
This works from IE 10 onwards, also check whether you have meta element. e.g. . Use instead — RasikaSam, Mar 20 '17 at 06:31

score 5 · Answer 1 · edited May 23 '17 at 12:32

5

IE doesn't supply file size information I'm afraid. You might be able to use HTML5 File API with IE10, see here:-

Javascript to check filesize before upload in Internet Explorer

edited May 23 '17 at 12:32

Community

1
1

answered Nov 22 '12 at 11:41

Lloyd

29,197
4
84
98

score 1 · Answer 2 · edited May 23 '17 at 12:17

1

you can do it like this using activeX

function getSize()
{
 var myFSO = new ActiveXObject("Scripting.FileSystemObject");
 var filepath = document.upload.file.value;
 var thefile = myFSO.getFile(filepath);
 var size = thefile.size;
 alert(size + " bytes");
}

see here for more detail;

how validate file size using HTML and Javascript on client side

edited May 23 '17 at 12:17

Community

1
1

answered Nov 22 '12 at 11:43

rahul

7,573
7
39
53

score 1 · Answer 3 · answered Nov 22 '13 at 05:45

document.getElementById('loadfile').addEventListener('change', checkFile, false);

function checkFile(e) {
    var file_list = e.target.files;
    for (var i = 0, file; file = file_list[i]; i++) {
        var fileExtension = file.name.split('.')[file.name.split('.').length - 1].toLowerCase();
        var iConvert = (file.size / 1024).toFixed(2);

        txt = "File type : " +fileExtension + "\n";
        if(file.size > (1024 * 1024)){
            txt += "Size: " + (file.size / (1024*1024)).toFixed(2) + " MB \n";
        } else {
        txt += "Size: " + (file.size / 1024).toFixed(2) + " KB \n";
        }
        alert(txt);
    }
}

see filddle

Works for browsers compatible with HTML5, but this does not work with IE9. — Vakey, Feb 09 '15 at 16:18

score 0 · Answer 4 · answered Nov 22 '12 at 11:42

0

IE up to version 9 does not support the file API which is needed to get the file size. IE10 does not support file size.

answered Nov 22 '12 at 11:42

Beat Richartz

9,474
1
33
50

score 0 · Answer 5 · answered Nov 22 '12 at 11:48

IE doesn't support File API

source : https://github.com/blueimp/jQuery-File-Upload/issues/147

have to use an ActiveX control to perform this action

function getSize()
{
 var myFSO = new ActiveXObject("Scripting.FileSystemObject");
 var filepath = document.upload.file.value;
 var thefile = myFSO.getFile(filepath);
 var size = thefile.size;
 alert(size + " bytes");
}

source: http://www.sencha.com/forum/showthread.php?196859-File-Upload-Field-IE-Safari-Opera-fileInput-error.&s=b124834725ae363759158268d91ac32c

I get "Automation server can't create object" trying to run that in a jquery onchange function. — Will, May 22 '13 at 06:40

How to get file size from clientside using javascript in IE?

5 Answers5

Linked