Get Uploaded Image size in JavaScript and jQuery

//JAVASCRIPT

<input type="file" id="fileUpload" />

<input type="button" value="Upload" onclick="Upload()" />

<script type="text/javascript">

    function Upload() {

        var fileUpload = document.getElementById("fileUpload");

        if (typeof (fileUpload.files) != "undefined") {

            var size = parseFloat(fileUpload.files[0].size / 1024).toFixed(2);

            alert(size + " KB.");

        } else {

            alert("This browser does not support HTML5.");

        }

    }

</script>

//JQUERY

<input type="file" id="fileUpload" />

<input type="button" id="upload" value="Upload" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

    $(function () {

        $("#upload").bind("click", function () {

            if (typeof ($("#fileUpload")[0].files) != "undefined") {

                var size = parseFloat($("#fileUpload")[0].files[0].size / 1024).toFixed(2);

                alert(size + " KB.");

            } else {

                alert("This browser does not support HTML5.");

            }

        });

    });

</script>