如何显示这样的图片？ - ASP技术论坛

楼主

问题点数：0 回复次数：12

如何显示这样的图片？

请教各位大虾：
我通过浏览按钮找到图片，能否在同页面显示该图像的外观啊？怎样实现这个功能呢？有点想WINDOWS中图片预览的功能！
敬请答复！谢谢！

搜索更多相关主题的帖子: 大虾　外观　 WINDOWS　功能　图像　

第 2 楼

得分:0

网络硬盘
FSO
用asp.net实现起来比较容易

还有如果借助数据库也容易

">东搞一下西搞一下

第 3 楼

得分:0

<html>
<head>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1">
<input name="attach" type="file" onchange="javascript:ShowImg(this.value);" onKeyDown="javascript:return(false);" size="20">
<script language="JavaScript">
function ShowImg(src)
{
document.getElementById("imgDiv").innerHTML="图片预览：<br><img id='imgObj' onerror='javascript:GetError()' onload='javascript:GetSize()' src='file:///" + src + "'>";
}
function GetSize()
{
var width,height;
var imgObj=document.getElementById("imgObj");
width=imgObj.width;
height=imgObj.height;
document.getElementById("err_msg").innerHTML="图片大小(宽×高):<font color=red>" + width + "×" + height + "</font>";
if(width>164){
imgObj.width=164;
imgObj.height=imgObj.height/(imgObj.width/164);
}
}
function GetError()
{
document.getElementById("err_msg").innerHTML="图片大小(宽×高):<font color=red>NaN</font>";
document.getElementById("imgDiv").innerHTML="";
document.getElementById("err_msg").innerHTML="图片文件不存在或格式错误！"
}
</script>
<div id="imgDiv" align="center"></div>
<div id="err_msg" align="center"></div>
</form>
</body>
</html>

第 4 楼

得分:0

看错了我还以为要文件夹御览效果呢

">东搞一下西搞一下

第 5 楼

得分:0

。。。呵呵

第 6 楼

得分:0

太棒了，各位高手谢过了！

第 7 楼

得分:0

已成功使用，但是有个问题还得请教，在参数中只规定了宽度的尺寸》164时改变尺寸，但是如果是宽度小于164长度就变得很长，应该调整那个参数？
请指教！谢谢！

[此贴子已经被作者于2006-12-22 23:50:38编辑过]

第 8 楼

得分:0

以下是引用boyfuture在2006-12-22 22:19:14的发言：

不好意思，一直没有悟透，如何使用多个浏览栏让显示的图片都出现在指定的位置上啊，比如放到某表格中的不同位置呢！谢谢答复！

<div id="err_msg" align="center"></div>3楼代码中的这个层就是显示图片的层，把这个层的代码放置到想要放置的位置就可以了，比如
<table>
<tr>
<td><div id="err_msg" align="center"></div></td>
</tr>
</table>
这样不就放进表格里面了吗？

第 9 楼

得分:0

非常感谢你的答复，以上问题均已解决！可是FORM 表单提交后，为什么不能将该文本框内的内容提交上去？而且如果我想在数据库中保存该照片的路径该怎么做？是相对路径还是绝对路径啊？我想在从数据库调用该存储路径的时候，能显示该照片内容！谢谢！请指点！

第 10 楼

得分:0

回复：（boyfuture）非常感谢你的答复，以上问题均已解...

以下是引用boyfuture在2006-12-23 11:47:24的发言：
非常感谢你的答复，以上问题均已解决！可是FORM 表单提交后，为什么不能将该文本框内的内容提交上去？而且如果我想在数据库中保存该照片的路径该怎么做？是相对路径还是绝对路径啊？我想在从数据库调用该存储路径的时候，能显示该照片内容！谢谢！请指点！

个人所知文本内容与图片内容是不能同时在一个表单内提交到服务器上的，不过一些ASP的上传类提供了相应的方法可以同时提交并获取。比如最著名的(无惧无组件上传类)这个在百度都能搜索得到。