Getting filesize from ASP.Net FileUpload control using javascript

Question

0.00/5 (No votes)

See more:

Friends,

Can someone help me in getting the size of a file posted in the ASP.Net FileUpload control using javascript..??

Many Thanks,
Hari

Posted 1-Nov-12 20:46pm

hari592

Add a Solution

Comments

ZurdoDev 2-Nov-12 16:39pm

As I recall, you can't because JS does not have access to the file system the way you need it to, but you can after it has been uploaded.

3 solutions

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)

lubomirga · Answer 1 · 2015-03-22T07:02:00

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Get File Size</title>
 <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript" > </script>
 <script type="text/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);
 }
}
 </script>
</head>
<body>
<form name="upload" action="">
<input type="file" name="fUpload" id="fUpload" />
<input type="button" value="Get File Size" onclick="GetFileSize('fUpload');" />
</form>
</body>
</html>

Example to get file size before upload in Asp.Net using JQuery
<form id="form1" runat="server">
<asp:FileUpload ID="fUpload" runat="server" />
 <asp:Button ID="btnGetSize" runat="server" Text="Button" OnClientClick="GetFileSize('fUpload');" />
</form>

anualagar · Answer 2 · 2013-01-17T02:42:00

This works 100%

XML

Example to get file size before upload using JQuery

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Get File Size</title>
 <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript" > </script>
 <script type="text/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);
 }
}
 </script>
</head>
<body>
<form name="upload" action="">
<input type="file" name="fUpload" id="fUpload" />
<input type="button" value="Get File Size" onclick="GetFileSize('fUpload');" />
</form>
</body>
</html>

Example to get file size before upload in Asp.Net using JQuery
<form id="form1" runat="server">
<asp:FileUpload ID="fUpload" runat="server" />
 <asp:Button ID="btnGetSize" runat="server" Text="Button" OnClientClick="GetFileSize('fUpload');" />
</form>

F-ES Sitecore · Answer 3 · 2015-03-22T12:56:00

Solution 3

If the browser supports html5 you can use the file api

http://www.html5rocks.com/en/tutorials/file/dndfiles/[^]

If the browser doesn't support html5 there isn't really anything you can do.

Posted 22-Mar-15 12:56pm

F-ES Sitecore

Getting filesize from ASP.Net FileUpload control using javascript

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0