image file size in javascript

[pratamishus]

Hi! I have a web application that generates images (preloaders.net). When an image is generated I want it's size to be displayed. I can't use AJAX to make server show me the image size because it will double the server load). So what happens:

Code: Select all

function imageLoader(s, fun)
{
   genImage = new Image();
   genImage.onload=function (){setTimeout(fun, 0)};
   genImage.src=s;
}


each time the function is called, a request is sent to the server and when the genImage.onload runs it calls function that shows me the image. How can I get the file size of the image?

I have browsed dozens of sites and googled every byte of the internet ... and could not find the solution.