Sunday, 23 November 2014
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]);
}
}
<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]);
}
}
Subscribe to:
Posts (Atom)