最新评论

[url=http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html]我也写了一个图片预览[/url]

/---------------------------------------------------
//过一小会获取div的宽高.
setTimeout("setImg(document.all.divShow)",100);
/---------------------------------------------------


/---------直接运行，不用等待也是可以-------
setImg(document.all.divShow);
/---------------------------------------------------

a.innerHTML=width+"v"+height
b.innerHTML=width+"v"+height
c.innerHTML=width+"v"+height
d.innerHTML=width+"v"+height
<span id="a"></span><span id="b"></span><span id="c"></span><span id="d"></span>
</div>

这些是用于测试的,无意义的.
不好意思,贴多了.

<script type="text/javascript">
<!--
//显示上传的图片
var OriginImage=new Image();
function viewmypic(mypic,imgfile)
{
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;

if(OriginImage.src!=mypic.src)OriginImage.src=mypic.src;
var width,height
width=OriginImage.width;
height=OriginImage.height;
if(width<=270) {
if(width>height)
{
width=width
height=height
a.innerHTML=width+"v"+height
}
else
{
width=width*270/height
height=270
b.innerHTML=width+"v"+height

}
}
else
{
if(width>height)
{
height=height*270/width
width=270
c.innerHTML=width+"v"+height
}
else
{
width=width*270/height
height=270
d.innerHTML=width+"v"+height
}
}

mypic.width=width;
mypic.height=height;
}
}
//-->
</script>
<style>
#showImages {
height: 270px;
width: 270px;
border: 1px solid #c3c3c3;
margin:10px 0 10px 10px;
text-align: center;
vertical-align: middle;
background: #dcdcdc;
}
.textfield {
height: 18px;
width: auto;
border: 1px solid #c3c3c3;
background: #fff;
line-height: 18px;
padding: 0 2px;
}
</style>
<form id="form" name="form" enctype="multipart/form-data" method="post" action="">
<input name="file1" type="file" class="textfield" size="37" onchange="viewmypic(showImage,this.form.file1);" />
</form>
<div id="showImages"><img name="showImage" id="showImage" src="" style="display:none;" alt="预览图片"/></div><span id="a"></span><span id="b"></span><span id="c"></span><span id="d"></span>
</div>

我的机器也出现这种问题，试试ing

o.offsetWidth,和o.offsetHeight为什么都是0呢？
请问可能是什么问题，谢谢！

嗯,相当不错哦
多谢谢

上面那种方面我也是过，但重启后有时候还是会出现自检，有时候不会，硬盘也用软件测试过来，没有问题。

呵呵
好东西
DDDDDDDDDDDDDDDDDD

首先感谢BZZ,你让我学到了很多知识.
其次我发现这个代码有一个BUG,
就是在多次选择照片的时候会发生错误.
修改ShowImage方法

function ShowImage(path){
//处理前是原图，先将其隐藏，
document.all.divShow.style.visibility = "hidden";
document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path;
document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image";
//过一小会获取div的宽高.
setTimeout("setImg(document.all.divShow)",100);
}

好像改成这样就可以了.

不错

谢谢`很需要

ff难道真的就没办法支持？

--引用--------------------------------------------------
Eyu.NET: 能不能研究下FireFox下上传图片的预览
--------------------------------------------------------
想在ff做出这样的效果？？
暂时只考虑了IE

能不能研究下FireFox下上传图片的预览