Thursday, 16 January 2014

Add image on div

<asp:FileUpload ID="uploadImage" runat="server" onchange="readURL(this);" CssClass="CFC_NormalTextBox" TabIndex="3" />
                    <div id="DivNewPreview" >
                    <div id="imgPrev" runat="server">
                   
                    </div>
                    </div>

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {

                var str21 = '<img style="width:100px; height:125px;padding: 2px; border: 1px solid Silver" src="' + e.target.result + '" >';
                $("#DivNewPreview").html(str21);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }