var selected_file = $('#input').get(0).files[0];

var nBytes = 0;

​

function handleFiles(t)

{

    var fileList = t.files; /* now you can work with the file list */

    var imageType = /image.*/;

    for (var i = 0; i < fileList.length; i++)

    {

        var file = fileList[i];

        nBytes += file.size;

        if (!file.type.match(imageType))

        {

            continue;

        }

        var img = document.createElement("img");

        img.style.width = '20px';

        img.style.height = '20px';

        img.classList.add("obj");

        img.file = file;

        document.getElementById('body').appendChild(img);

        var reader = new FileReader();

        reader.onload = (function (aImg)

        {

            return function (e)

            { console.log(e);

                aImg.src = e.target.result;

            };

        })(img);

        reader.readAsDataURL(file);

​

​

​

 var img = document.createElement("img");

      img.src = window.URL.createObjectURL(file);

      img.height = 60;

      img.onload = function(e) {

        window.URL.revokeObjectURL(this.src);

      }

       document.getElementById('body').appendChild(img);

​

​

    }

    //-----------------------------------------------------------

    var sOutput = nBytes + " bytes";

    // optional code for multiples approximation

    for (var aMultiples = ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"], nMultiple = 0, nApprox = nBytes / 1024; nApprox > 1; nApprox /= 1024, nMultiple++)

    {

        sOutput = nApprox.toFixed(3) + " " + aMultiples[nMultiple] + " (" + nBytes + " bytes)";

        console.log(sOutput);

    }

}