How To Get File Size From Clientside Using Javascript In Ie?

April 16, 2024 Post a Comment

I used the following methode HTML JavaScript var file = document.getElementById('loadfile').files[0]; alert( 'name ' + file.name + 'Siz

Solution 1:

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

Solution 2:

you can do it like this using activeX

functiongetSize()
{
 var myFSO = newActiveXObject("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

Solution 3:

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

functioncheckFile(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

Solution 4:

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.

Baca Juga

Solution 5:

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

functiongetSize()
{
 var myFSO = newActiveXObject("Scripting.FileSystemObject");
 var filepath = document.upload.file.value;
 var thefile = myFSO.getFile(filepath);
 var size = thefile.size;
 alert(size + " bytes");
}