$(document).ready(function () {
        var fileInput = $('[data-form-id="@Model.FormId"]' + ' #uploadFile')[0];
        var imgPreviewWrap = $('[data-form-id="@Model.FormId"]' + ' #uploaded-img-wrap')[0];

        // THIS IS HOW TO TAKE A FILE FROM AN INPUT TYPE='FILE' AND PUT IT INTO AN IMAGE
        function addPreviewFromFile(file) {
            var reader = new FileReader();
            reader.onload = function (e) {
                // get loaded data and render thumbnail.
                var img = new Image();
                img.width = 100;
                img.height = 75;
                img.src = e.target.result;
                img.alt = file.name;
                img.title = file.name;
                imgPreviewWrap.appendChild(img);
            };

            // read the image file as a data URL.
            reader.readAsDataURL(file);
        }
        // YOU CAN LISTEN FOR WHEN A FILE WAS UPLOADED
        fileInput.addEventListener('change', function (e) {
            @Html.Raw(Model.OnFileInputChange)
            handleFileSelect(e);
            imgPreviewWrap.innerHTML = "";
           /* for (var i = 0; i < this.files.length; i++) {
                addPreviewFromFile(this.files[i]);
            }*/
            var url = (window.location != window.parent.location) ? document.referrer: document.location;
            parent.postMessage({MessageType: "SharedUploadThumbnail", Files:this.files}, url);
        }, false);
    });