图片预览

<style type="text/css">
   	#newPreview {
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale);
		width: 300px;
		height: 250px;
	}
 </style>
function loadImage(img)
{
	var urlpath=img.value;	   				
	try
	{
		var i=document.getElementById("img");
		if(brower().isIE7)
		{								
			i.style.display="none";									
			document.getElementById("newPreview").style.display="";				      		document.getElementById("newPreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = urlpath;
		}
		else if(brower().isChrome)
		{									
			i.src="img/nopreview.jpg";									
			document.getElementById("filetext").value=url;
		}
		else
		{
			if(!window.event)
			{
				var data=img.files.item(0).getAsDataURL();									
				i.src='data:'+data;
			}
			else
			{									
				i.src='file:///'+url;
			}
		}
	}
	catch(e){}
}
<INPUT type="file" style='border:#99cc33 1px solid;width=350px ;background:#eeeeee' 
size=38  name="file1" id="f" contentEditable="false" onchange="loadImage(this);" 
onKeyDown="return false;" onpaste="return false;"><SPAN id="t1"></SPAN>
<div id="showImg">				   
<img src="img/no_photo.gif" style='width:300px;height:250px' id="img"/>
<div id="newPreview" style="display: none;"></div><br/></div>