Check file size with Javascript

Was wondering if anyone knew of way to validate an images file size using javascript - i.e keeping the upload to say 500k. I've seen scripts to validate the dimensions - but nothing for the actual file size.

Feb 23 '06 #1

Subscribe Post Reply

194007

Niheel

2,460

Expert Mod 2GB

I usually just upload it to the server to check the file size. I don't think JS has the capabilities, could lead to security mis-uses if JS could access filesystem.

You could code something up if the all your user's allow ActiveX.

Feb 23 '06 #2

monki_sf

Yeah - i'll be verifying on the backend using php - but seems strange that js can tell what a file type is - what the dimensions are - but not the file size.

Feb 23 '06 #3

imranzubair

Hi
IT will help you.

Expand|Select|Wrap|Line Numbers

 
function A()

{

var oas = new ActiveXObject("Scripting.FileSystemObject");

var d = document.a.b.value;

var e = oas.getFile(d);

var f = e.size;

alert(f + " bytes");

}
 
</script>

</head>

<body>

<form name="a">

<input type="file" name="b">

<input type="button" name="c" value="SIZE" onClick="A();">

</form>

</body>

</html>

Regards
Imran

Mar 12 '06 #4

monki_sf

function A()
{
var oas = new ActiveXObject("Scripting.FileSystemObject");
var d = document.a.b.value;
var e = oas.getFile(d);
var f = e.size;
alert(f + " bytes");
}

</script>
</head>
<body>
<form name="a">
<input type="file" name="b">
<input type="button" name="c" value="SIZE" onClick="A();">
</form>
</body>
</html>

Thanks Imran - so applying this to my forms validation should look like this right?

Expand|Select|Wrap|Line Numbers

 <script language=javascript>

extArray = new Array(".jpg", ".jpeg",".gif");  //".png", , ".gif"
 
function callCancel()

{

    document.frmlisting.action="listing_list.php?cityid=<?=$cityid?>&c_id=<?=$c_id?>";

    document.frmlisting.submit();

}
 
function callSave()

{

var oas = new ActiveXObject("Scripting.FileSystemObject");

var d = document.frmlisting.txtlistingimage.value;

var e = oas.getFile(d);

var f = e.size;

alert(f + "500000");

}

{

    if(!isCurrency(document.frmlisting.txtlistingprice.value)){

        alert("Price: Incorrect data");

        document.frmlisting.txtlistingprice.select();

        return;

    }

    if(isBlank(document.frmlisting.txtlistingtitle.value)){

        alert("Title is Required");

        document.frmlisting.txtlistingtitle.focus();

        return;

    }

    if(!isBlank(document.frmlisting.txtlistingimage.value)){

        if(!isValidFile(document.frmlisting.txtlistingimage.value)){

            alert("Selected file is not a vaild image type. \nPlease select "+ (extArray.join("  ").toUpperCase())+ " files. ");

            document.frmlisting.txtlistingimage.select();

            return;

        }

    }

    if(isBlank(document.frmlisting.txtlistingemail.value)){

        alert("Email is Required");

        document.frmlisting.txtlistingemail.select();

        return;
 
    }

    if(!isEmail(document.frmlisting.txtlistingemail.value)){

        alert("Email: Incorrect data");

        document.frmlisting.txtlistingemail.select();

        return;

    }
 
    document.frmlisting.action="listingsubmit.php";

    document.frmlisting.submit();

}

</script>

HTML Would be

[HTML]<Input type="file" name="txtlistingimage" style="WIDTH: 275px; HEIGHT: 20px" size=39 maxlength=100>

<input type="button" class="btn_text" value="Preview" onclick="javascript:callSave();" style="border:solid-1px; color: #333333 ">[/HTML]

Mar 12 '06 #5

sashi

1,754

Expert 1GB

hi there,

am not sure if this code is useful.. give it a try.. good luck my fren..

http://www.quirksmode.org/js/filesize.html

Jun 27 '06 #6

chiragpatel11

Hello friend i came here to find check file size script. but i got activeXerror in first script and so now i create following script. if this help take it and try it.
1. this script load a image in Image Tag in Span Tag.
2. It check the file size.
3. if it is more than limit then remove image tag.

Expand|Select|Wrap|Line Numbers

 
function imgLoad()

{

var strT = new String();

document.getElementById("ShowImg").innerHTML= "";

strT = document.ModReg.file1.value;

if(strT != "")

{

    strT = "<img id='Sample' src='" + strT + "' width='100' height='100'></img>";

    document.getElementById("ShowImg").innerHTML= strT;

    if(!LimitedSize())

    {

       alert("File Size is more than 100 KB");

       document.getElementById("ShowImg").innerHTML= "";

    }

}

}
 
function LimitedSize()

{

var i;

var y = document.images;

for (i=0;i<y.length;i++)

{

    if((y[i].id) == 'Sample')

    { 

      if(y[i].fileSize > 102400)

          return false;

    }

}

return true;

}

//--------------HTML

Expand|Select|Wrap|Line Numbers

 
<INPUT 

      name=file1 type=file id="file1" onChange="imgLoad()" >

Sep 17 '06 #7

Similar topics

File Size

by: Ken | last post by:

Is there a way to check the file size without uploading it? Check it at the source? If a large file (4m) is accidentally selected, it takes some time before the upload is complete. Is there...

PHP

Check file size of photos using Javascript

by: tgundeck | last post by:

Does anyone know how I can check the file size of photos or any file type in JavaScript? I'm allowing users to store photos in my web page using the input type = file tag, but need to limit the...

Javascript

Check File Size

by: Poppy | last post by:

I have written some code which uploads a file. Before I upload the file I would like to check on the file size. If its below a certain limit I want to upload it else present the user with an...

ASP.NET

Upload file Check file size

by: lawrence | last post by:

Using <INPUT type"file" runat="server"> to upload a file. When the file size is too large I get a "page cannot be display" error. Thats cool I'm down with that. But is there a way to check for...

ASP.NET

check file size before post

by: nicholas | last post by:

when I upload a file, I can set in my code not to save it if the file size is too large. But then the user has allready been waiting a few minutes to upload his file, as this can only be...

ASP.NET

check file size before upload

by: puja | last post by:

hi all, In asp.net 2.0 there is a limit on file size upload of 4MB. I know this limit can be increased in web.config file. Is there any way to check the file size before upload ? if user is...

C# / C Sharp

Problem with check file size with Javascript

by: marfola | last post by:

I’m trying to find the file size using javascript, before it get uploaded into the server using the following Javascript (I don’t want to use ActiveX because of compatibility problem). function...

Javascript

check file size

by: gyap88 | last post by:

hello, is there a command that returns the file size of a specific file as an integer

.NET Framework

Check File Size using JavaScript

by: Frinavale | last post by:

Hi there! I'm hoping that someone knows how to check the size of a file before it is uploaded to the server using JavaScript. I have seen suggested solutions using an ActiveX control to check...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp