Validate File size in javascript for IE browser

Question

1.00/5 (1 vote)

See more:

Hi,
I am using the file upload in my site, i want to upload file only below of 1 MB.
I want to check the size of file in IE Browser using javascript then how it would be possible pls reply me.
I am using following javascript->

C#

function CheckFileSize() {
   var file = document.getElementById('<%=UplPicture.ClientID%>');

C#

if (file.files[0].size >= 1048576) {
                        alert('File size should be less than or Equal to 1 MB');
                        return false;
                    }
else
return true;
}

It works fine in firefox but not working in IE.

Posted 27-Jun-12 5:20am

nira.parmar

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2012-06-27T07:45:00

Solution 1

Try:

HTML

<head>
<script>
function GetFileSize()
{
   var myFSO = new ActiveXObject("Scripting.FileSystemObject");
   var filepath = document.upload.file.value;
   var selectedfile = myFSO.getFile(filepath);
   var size = selectedfile.size;
   alert("File size:"+ size + " bytes");
}
</script>
</head>
<body>
<form name="TestUpload">
<input type="file" name="file">
<input type="button" value="Size" onClick="GetFileSize();">
</form>
</body>
</html>

Posted 27-Jun-12 7:45am

Sandeep Mewara

Comments

nira.parmar 27-Jun-12 14:12pm

tried but not working

Sandeep Mewara 27-Jun-12 14:27pm

I see similar thing used by others and they too say working: http://www.kavoir.com/2009/01/check-for-file-size-with-javascript-before-uploading.html

Espen Harlinn 27-Jun-12 19:10pm

5'ed!

Tools -> Internet Options -> Security -> Custom Level

In the ActiveX controls and Plugins group enable the Initialize and script Activex controls not marked as safe for script option

Sandeep Mewara 28-Jun-12 9:02am

Perfect! thanks man.

nira.parmar 29-Jun-12 1:49am

Pls give me the effective solution...............

Sandeep Mewara 29-Jun-12 2:53am

It is effective and only way as far as I know or came across on net.

Member 12016477 1-Dec-15 2:04am

Hello,
I am getting ('document.upload.file' is null or not an object) as a error on line var filepath = document.upload.file.value;