上传图片的问题,点击浏览选择图片后就可以在image框显示图片,不要再点击上传

时间:2022-10-24 09:06:10

上传图片的问题,点击浏览选择图片后就可以在image框显示图片,不要再点击上传,即所见即所得的效果.在asp.net   在html里面写的.

 

<td   > <input   id= "upimage "   type= "file "   onchange= "document.getElementById( 'previewImage ').innerHTML   =   '预览 <br>   <img   src=/ ' '+this.value+ '/ '   width=100   align=absmiddle> '; "   name= "upimage "   runat= "server "> </td>
<td> <div   align= "center "> <span   id= "previewImage "> 没有图片 </span> </NOBR> &nbsp; </div> </td>

 

让img标签的src属性为file标签的value的值,在file的onchange事件中对img标签的属性赋值就可以了。

 

<img   name= "img1 "> <input   type= "file "   onchange= "document.all.img1.src=this.value ">