上传图片后立即显示

JS

//显示图片

function PreviewImg1(imgFile)
{

var pic1 = document.getElementById("pic1"); //pic1为div的id

pic1.innerHTML = "";

var imgDiv = document_createElement("div");

document.body.a(imgDiv);

imgDiv.style.width ="150px";

imgDiv.style.height = "100px";

imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod= scale)";

imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=getPath(imgFile);

pic1.a(imgDiv);

}

function getPath(obj)

{

if(obj)

{

if(window.navigator.userAgent.indexOf("MSIE")>=1)

{

obj.select();

returndocument.selection.createRange().text;

}

elseif(window.navigator.userAgent.indexOf("Firefox")>=1)

{

if(obj.files)

{

returnobj.files.item(0).getAsDataURL();

}

returnobj.value;

}

returnobj.value;

}

}

Page页面
<div id="pic1"style="width: 150px; height: 98px; border: 1px solidblack;">

</div>

<span style="height: 40px; padding-top:0px">

<asp:FileUploadID="FileUpload_pic1" runat="server"CssClass="xianlu" Width="152" />

</span>

Page.cs(Load里)
FileUpload_pic1.Attributes.Add("onpropertychange","PreviewImg1(this)");