图像略缩问题:在选择的图像的时间并能浏览该图像略缩图
不知道大家对网易的摄友频道(http://dpshow.163.com)
它里有一个功能就是用户作品上传,在选择浏览的图像时在点击上传按钮的同时会在下方出现一个该图象的略缩图(并让人出奇的是它没有刷新页面,应该是而是直接用javascript生成的)
大家可以查看我载下来的网站。
http://www.cnblogs.com/images/cnblogs_com/menuasp/7414/r_1.jpg
问题点数:40、回复次数:7Top
1 楼menuasp(努力学习.NET)回复于 2004-08-03 15:21:35 得分 0
有高手吗?Top
2 楼gOODiDEA(无语)回复于 2004-08-03 15:29:19 得分 0
利用XMLHttp来做,参考:http://www.4guysfromrolla.com/webtech/110100-1.shtmlTop
3 楼menuasp(努力学习.NET)回复于 2004-08-03 15:51:57 得分 0
我主要就是怎么样利用xmlhttp或其它方法无刷新来实现游览图像的略缩图Top
4 楼gOODiDEA(无语)回复于 2004-08-03 17:13:30 得分 40
你给的地址不是采用上传的方式来做的,如:
<script language="JavaScript">
function UploadFile()
{
file = eval('document.Upload.UploadHtmlInputFile');
img = eval('document.Upload.ThumbnailImageHtmlImage');
img.src = file.value;
return true;
}
</script>
<body>
<form id="Upload" name="Upload" method="post" runat="server" enctype="multipart/form-data">
<P><INPUT type="file" name="UploadHtmlInputFile">
<INPUT type="button" name="ThumbnailImage" value="ThumbnailImage" onclick="UploadFile()"></P>
<P><IMG alt="" src="" name="ThumbnailImageHtmlImage" height="50" width="50"></P>
</form>
</body>Top
5 楼quou2002(曲欧)回复于 2004-08-03 17:32:04 得分 0
Watching!Top
6 楼menuasp(努力学习.NET)回复于 2004-08-03 17:52:01 得分 0
如果单单修改<img 的width,height ,会出现严重的变形,但网易做到的是一个略缩图,不会发生图像质量的变形Top
7 楼gOODiDEA(无语)回复于 2004-08-04 09:16:21 得分 0
呵呵,你被它骗了,你只需要指定一个高度,不要指定宽就行了
<IMG alt="" src="" name="ThumbnailImageHtmlImage" height="100">Top




