<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>
图片预览
最新推荐文章于 2024-08-06 17:41:12 发布