带图片预览功能的图片上传代码 发布于 2010-09-02 阅读 3759 分类 asp/access/IIS/mssql 现在做网站,越来越讲究“以人为本”,所以很多时候,我们要考虑用户的体验,怎么做到最好是我们的目标,于是,越来越多的人开始考虑在什么样的场合使用什么样的功能,能最大化的让用户有良好的体验。带图片预览功能的图片上传代码就是一个很好的功能,上传之前,就可以预览这张照片是否我们要上传的那张…… HTML代码 <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>带图片预览功能的图片上传代码</title><script>function viewmypic(mypic,imgfile) {if (imgfile.value){mypic.src=imgfile.value;mypic.style.display="";mypic.border=1;}}</script></head><body><center><form name="upmyimg" method="post" enctype="multipart/form-data" action="getyourpic/" onsubmit="return checkimg( this );" ><input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" /><br /></form><img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" /><br /></div><div style="display:none"></div></center></body></html> 留言 发表
留言