How to validate file size from clientside using javascript in IE 7/8?

Question

Currently I am using

if(navigator.appName=='Microsoft Internet Explorer'){
        if(component.value){
            var oas = new ActiveXObject("Scripting.FileSystemObject");
            var e = oas.getFile(component.value);
            var size = e.size;
        }
    }

to validate the file size.

Is there any other way to validate the size

Automation server can't create object error is displayed

I know it has something to do with Enabling ActiveX Controls in Settings, but thats not going to happen because one cant control client side system and IE7/8 doesnot even support file Api

Yea sorry my mistake about that, I had put that code for IE only — Deepanshu Goyal, Jun 29 '13 at 05:07
well, in new browsers, component.files[0].size works if you have a file input... — dandavis, Jun 29 '13 at 05:30
actually its IE8 and the thing is I need it to be working in all IE versions, because the client could be using any browser — Deepanshu Goyal, Jun 29 '13 at 05:35
did you try http://stackoverflow.com/a/1832497/448407 . Also you should have Activex enabled in the browser. — Dinesh, Jun 29 '13 at 05:40
Well, thats the same thing I am implementing, but I cannot enable ActiveX on client side — Deepanshu Goyal, Jun 29 '13 at 05:50

score 1 · Answer 1 · answered Sep 14 '13 at 07:44

1

IE doesn't support this feature

I had found a great plugin for file upload jQuery-File-Upload

answered Sep 14 '13 at 07:44

Abbas Galiyakotwala

2,949
4
19
34

2

well ActiveXObject feature is made specifically for IE – Deepanshu Goyal Sep 14 '13 at 09:06
+1 for recommending this plugin, however it does not perform so well in IE 7 regarding file size stuff, it takes a lot of time !! – Deepanshu Goyal Sep 16 '13 at 05:34

score 1 · Answer 2 · answered Jun 03 '14 at 11:27

Only IE 9 is not Supporting this Feature.

All Other IE Versions >9 have no Issues.

You can Resolve your issue By applying filter for IE 9 and get file size. use Below code in else condition for other browsers as per Below.

if (browserInfo.indexOf("msie") > -1) 
    {
        /* IE */
        var filepath = document.getElementById('idControl').value;
        if(browserInfo.indexOf("msie 9") == -1)
        {
            var myFSO = new ActiveXObject("Scripting.FileSystemObject");
            if (filepath == "") {
                alert("Please Select File");
                $("#selectorID").attr("src", $("#Contenturlprifix").val() + "/content/img/NoPhoto.png");
                return false;
            }
            file = myFSO.getFile(filepath);
            filetype = document.getElementById('idControl').accept
        }

    } else {
        /* Other */
        file = document.getElementById('idControl').files[0];
        if (file == undefined) {
            alert("Please Select File");
            return false;
        }
        else {
            filetype = file.type;
        }
    }
    if (file != undefined) {
        //10mb size 
        if (file.size / 1024 > 10240) {
            alert("size Exists");
            return false;
        }
        else if (filetype.indexOf('image/') == -1) {
            alert("Select only images");
            return false;
        }
    }

score -1 · Answer 3 · answered Aug 29 '13 at 10:11

-1

TRY THIS............

Go to internet options.
Select security tab.
Under Custom level.
Ensure that "Initialize and script active x controls is not marked safe for scripting" select the radio button enabled and try to run your code now, I am sure your problem will be solved.

answered Aug 29 '13 at 10:11

Tarun

195
10

6

Practically if you are building a web application then you can not ask every customer to do so. Solution should be generic. – shaILU Aug 29 '13 at 11:27

How to validate file size from clientside using javascript in IE 7/8?

3 Answers3