Monday, July 23, 2012

Example to get file size before upload using JQuery

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

Using above defined function "GetFileSize", we can also get file size in Asp.net also like as :
 <form id="form1" runat="server"> 

<asp:FileUpload ID="fUpload" runat="server" />

 <asp:Button ID="btnGetSize" runat="server" Text="Button" OnClientClick="GetFileSize('fUpload');" /> 

</form> 

1 comment:

  1. Инстраграмм являться самой популярной площадкой для продвижения своего бизнеса. Но, как показывает практика, люди еще чаще подписываются на профили в каких уже достаточное количество подписчиков. В случае если заниматься продвижение своими силами, потратить на это вы можете очень множество времени, поэтому еще лучше обратиться к спецам из Krutiminst.ru подробнее https://rabbitroom.com/members/krutiminst4/profile/

    ReplyDelete