Script To Calculate/report Html Document Filesize

nachtgeist03

Apr 21 2005, 08:04 AM

Looking for a script, and not sure what sort of script I would need, that simply will post a file size in a body of text. Example:

CODE

Please note: The page you are trying to view is 90KB. Loading of this page may take longer than normal, even on good connections.

Where the "90KB" part would automatically change depending on the file size. And if it could calculate the approximate load time on a 56k connection, that would be an added bonus (however, not required).

dungsport

Apr 21 2005, 08:49 AM

Prerequisite: server-side scripts like php, java, asp...

You can write some PHP code like this

CODE

<?php
// outputs e.g. 'funnies.html': 1024 bytes
$filename = 'funnies.html';
echo 'Please note: The page you are trying to view is ' . filesize($filename) . 'bytes. Loading of this page may take longer than normal, even on good connections.'
?>

CODE

<?php
// outputs e.g. 'funnies.html': 1 KB
$filename = 'funnies.html';
echo 'Please note: The page you are trying to view is ' . (filesize($filename)/1024) . 'KB. Loading of this page may take longer than normal, even on good connections.'
?>

More information here: http://au.php.net/manual/en/function.filesize.php

Or using java like this:

CODE

File file = new File("infilename");

// Get the number of bytes in the file
long length = file.length();
System.out.println("Please note: The page you are trying to view is " + (length/1024) + "KB. Loading of this page may take longer than normal, even on good connections."):

More information of File class could be seen here: http://java.sun.com/j2se/1.4.2/docs/api/java/io/File.html

Post it here if you have any further question.

miCRoSCoPiC^eaRthLinG

Apr 21 2005, 08:51 AM

[/tab]First of all this feature won't work on any browsers except IE 4+. Besides, if you're using IE, this can easily be done with an ActiveX object. The javascript code, however, won't report size of any external files that you include in your HTML doc, like StyleSheet files and all. Anyways, here's the JavaScript:

CODE

function getfilesize()
{
if (!document.fileSize)
{
alert('This script does not work in browsers except IE 4+.');
return;
}

var size_of_file = (document.fileSize) * 1;

document.write (size_of_file);
}

[tab]A little explanation is in order I believe.

CODE

if (!document.fileSize)
{
alert('Filesize reporting does not work in browsers except IE 4+.');
return;
}

This piece of code check whether the document.fileSize function reports any value back. Since this isn't available except on IE 4+, all other browsers will report false and hence you'll be shown an error message.

Next is:

CODE

var size_of_file = (document.fileSize) * 1;

This is quite simple - the only trick is in multuplying the returned value with 1. The filesize reports in the form of a string and hence it has to be multiplied with ONE to convert it into a numerical value.

The last part:

CODE

document.write (size_of_file);

This just writes out the value to your HTML doc.

Combine this with your HTML Message to get the desired effect.

CODE

Please note: The page you are trying to view is <script>getfileSize</script> Bytes. Loading of this page may take longer than normal, even on good connections.

Keep in mind that the filesize is reported in bytes - in order to produce a KB display, simply add a division by 1024 in the function.

Hope this helps.

dungsport

Apr 21 2005, 08:58 AM

@m^e, as I understand, what he is asking is not about the file size of the current page. It is the size of the file they are going to open to see. If they know it is to big and too slow to download then they would not click on it.

We should give this information to visitors before hand.

nachtgeist03

Apr 21 2005, 09:01 AM

Would there be a way to write that into an applet, so that at the bottom of the page, just a small area would report the file size, and if there's any problem with the applet, it's just a small grey box?

Or is there another way to do it where I'm not limited to IE-only? I know more and more people are leaving IE in favor of other browsers (firefox, opera, etc).

Please combine this with my previous post as I haven't an idea as how to edit that post.

But dungsport is correct. The page is just a large table, but by large, I'm saying, almost 2,000 fields in the table presenting data (around 270 rows, 7 columns), and I don't want someone to just click on it thinking it to be a quick loading page. But I also don't feel like changing the page with the warning every time I update the big table.

Notice from vizskywalker:

merged on nachtgeist03's request

vizskywalker

Apr 22 2005, 04:55 AM

The php script provided by dungsport should work with all browsers because it is done server-side. M^E was referring to the javascript when he said it was limited to IE4+ because javascript parsing is performed by the browser. To use the php script, simply copy and paste it into your html document and change the extension to .php.

~Viz

marijnnn

Apr 22 2005, 02:16 PM

yeah, that script is fine. off course it works on all browsers. serverside scripts always do! anyone telling you different is selling you crud.
so an easy script to give you a list of all the files in one directory would be something like this:

CODE

<?php
define("DIRECTORY","./files/");
$dir = opendir(DIRECTORY);
while (false !== ($file = readdir($dir))) {
echo "<LI><A HREF='".DIRECTORY.$file"'>$file</a> filesize: ".filesize($file)."</LI>";
}

should do the trick. haven't tested it, might have errors.
off course, you can replace DIRECTORY with $_GET["dir] or something like that.

Hercco

Apr 27 2005, 05:55 PM

To make the script actually useful it'd be nice that it could calculate the total size that the browser has to load to view the whole page.

The examples above simply give the filesize of the html file at the server, not any included files, like javascripts, applets, images, CSS-sheets etc...

But it wouldn't be too hard to do. First thing to decide is what objects to include to the size. Then write a parser taking in account all the required files. Simply seek out all the "<img src=" or "src" inside "<link" take the filenames and pass them to filesize and add the output to the total size.