Checking file size with javascript

Question

0.00/5 (No votes)

See more:

Hi
i need to check the file size of my file being uploaded I"m doing the following things

Fileupload.aspx:

C#

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/Fileupload.js"></script>
</head>
<body>

    <form id="form1" runat="server">
    <div>

        <asp:Label ID="Label1" runat="server" Text="Enter your name:"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <asp:FileUpload ID="fUpload" runat="server" />
         <asp:Button runat="server" id="btnGetSize" text="Upload" onclick="btnGetSize_Click" />
          <asp:CustomValidator ID="CustomValidator1" runat="server"  
                    Text="*" ToolTip="FileSize should not exceed 5kb" 
                    ErrorMessage="FileSize Exceeds the Limits.Please Try uploading smaller size files." 
                    ControlToValidate="fUpload"  
                     ClientValidationFunction ="GetFileSize('fUpload');"/>

         <asp:Label runat="server" id="StatusLabel" text="Upload status: " />
    </div>
    </form>
</body>
</html>

On Fileuploadaspx.cs:

C#

  protected void btnGetSize_Click(object sender, EventArgs e)
        {
            if (fUpload.HasFile ) {
                fUpload.SaveAs(@"C:\temp\" + fUpload.FileName);
                StatusLabel.Text = "File Uploaded: " + fUpload.FileName;
            }
                
        }
</pree>
on Fileupload.js
<pre lang="Javascript">
function GetFileSize(fileid) {
try {
var fileSize = 0;
//for IE
if ($.browser.msie) {
//before making an object of ActiveXObject,
//please make sure ActiveX is enabled in your IE browser
var objFSO = new ActiveXObject("Scripting.FileSystemObject"); var filePath = $("#" + fileid)[0].value;
var objFile = objFSO.getFile(filePath);
var fileSize = objFile.size; //size in kb
fileSize = fileSize / 1048576; //size in mb
}
//for FF, Safari, Opeara and Others
else {
fileSize = $("#" + fileid)[0].files[0].size //size in kb
fileSize = fileSize / 1048576; //size in mb
}
alert("Uploaded File Size is" + fileSize + "MB");
}
catch (e) {
alert("Error is :" + e);
}
}

but it is not working..Please tell me where i am going wrong

Posted 2-Dec-12 19:35pm

pree_kh

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)

Rai Pawan · Answer 1 · 2012-12-02T23:56:00

I don't think that there would be any way to get the size of a file that is residing on client side using javascript. I mean it makes no sense to give the coder the freedom to view details of any file on clients machine. However you may check this out http://stackoverflow.com/questions/1601455/check-file-input-size-with-jquery as part of HTML5

Regards
Pawan