想做一个新闻发布功能,如何将已上传的图片在前台显示出来?最好是有小图预览,点击后看大图..

Question

如标题 

Answer 1

思路：
前台读取数据库，获得图片地址。设置成：<a href="图片地址"><img src="图片地址" width="限定宽度" height="限定高度" /></a>

Answer 2

<tr bgcolor="#f5f5f5">
<td height="30" align="center" valign="middle">图片链接</td>
<td height="35" align="center" valign="middle"><input type="file" name="uploadfile1" runat="server" id="uploadfile1" onpropertychange="document.all.imgID.src='file:///' this.value"> &nbsp;
</td>
</tr>
<tr bgcolor="#f5f5f5">
<td height="70" align="center" valign="middle">缩略图</td>
<td height="70" align="center" valign="middle"><img id="imgID" width="82" height="65" border="0" >&nbsp;
</td>
</tr> 

Answer 3

可以在上传前先预览一下，效果会更好
脚本：
   function SeePic(img,f){
      if ( f.value != "" ) {img.src = 'file:///'+f.value; }
   }调用：
<div><input type='file' name='upfile' id='upfile' onChange="SeePic(document.img,document.frm1.upfile);"></div>
    <div><image src='' id='img' name='img' width=100 height=100>
</div>