JSFiddle - React, Tailwind, and code Playground

by Yuan Hong

HTML

<script type="text/javascript">
        function previewFile() {
            var preview = document.querySelector('#<%=ctl00_Image1.ClientID %>');
            var file = document.querySelector('#<%=Upload.ClientID %>').files[0];
            var reader = new FileReader();

            reader.onloadend = function () {
                preview.src = reader.result;
            }

            if (file) {
                reader.readAsDataURL(file);
            } else {
                preview.src = "";
            }
        }
</script>
<body>
    <form id="form1" runat="server">
        <div>
            <img id="ctl00_Image1" runat="server" src="http://64.52.234.165/summitdashboard/Images/logo%20.png" style="height: 80px; width: 200px; border-width: 0px;" /><br />
            <input id="Upload" type="file" name="file" onchange="previewFile()" runat="server" /><br /><br />
            <a href="http://64.52.234.165/summitdashboard/Login.aspx">SummitWorks project</a>
        
        </div>
    </form>
</body