INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

Graphics Display

Detecting the dimensions of an image client-side by BillyRayPreachersSon
Posted: 29 Mar 05 (Edited 27 Jun 07)

This code will let you detect the size of an image client-side. It has been tested working in IE 6, FF 1, NN 7.1, and Opera 7.54.

CODE

<html>
<head>
    <script type="text/javascript">
    <!--
        var tempImage;

        function showDimensions() {
            var imageName = document.forms[0].elements['myFile'].value;
            if (imageName != '') {
                imageName = 'file:///' + escape(imageName.split('\\').join('/'));
                imageName = imageName.split('%3A').join(':');

                tempImage = new Image();
                tempImage.onload = getDimensions;
                tempImage.src = imageName + '?randParam=' + new Date().getTime();
                // append a timestamp to avoid caching issues - which happen if you overwrite any image with one of different dimensions, and try to get the dimensions again
                // even with cache settings to max, in both ff and ie!
            }
        }

        function getDimensions() {
            alert(tempImage.width + ' x ' + tempImage.height);
        }
    //-->
    </script>
</head>

<body>
    <form>
        <input type="file" name="myFile" />
        <br />
        <input type="button" value="Show dimensions" onclick="showDimensions();" />
    </form>
</body>
</html>

Dan


Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page @ Code Couch
http://www.codecouch.com/dan/

Back to Javascript FAQ Index
Back to Javascript Forum

My Archive

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close