My question is how to load the direct image from FileUpload to the tag <asp:Image>
And if it's possible to do these validations on the client side and do the type and size validations via jQuery.
Follow the code below:
<div id="img2" style="width: 530px; height: 270px; border: 2px solid rgb(225, 226, 233); box-shadow: rgb(246, 246, 249) 0px 0px 5px inset; background-color: rgba(251, 235, 235, 0.4);">
<asp:Image ID="imgBanner" runat="server" ImageUrl="~/" Style="border-width: 0px; position: inherit; min-height: 130px; min-width: 130px; top: 20px; bottom: 0; left: 0; right: 0; margin: auto; max-width: 130px; max-height: 130px;" />
</div>
<br />
<br />
<asp:FileUpload ID="fileUpload" runat="server" />
that will result in these components: