上传后显示缩略图 JS - To be or not to be ....... - 中国...

点击“文件域”控件的“浏览”按钮选择本地图片，选好后自动在指定区域显示缩略预览图。

<script>
U {X8o/~-a }9q0function yulan()
j;k nA.wV.Cp0{
j]@r?l;K!L,a0var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
k4i
Ada/PP0        fileext=fileext.toLowerCase()中国经济网 经济博客4TD)R%}Vfw
   
`}u~UZQUti0        if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
4N/@T
X [E0        {中国经济网 经济博客B.sq
KA
            alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 ！");中国经济网 经济博客"wdb+p/cn2V
             document.form1.UpFile.focus();中国经济网 经济博客 fUsy$r:k
        }中国经济网 经济博客3k9M8Rq,v,|4i
        else
:ip+eP%O4SJ|%p0        {中国经济网 经济博客3Z-e
v"AqN.y2^A
        //alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句中国经济网 经济博客 chd2@6C
On l
  document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"中国经济网 经济博客R4{"t?8R#E#ySq
        }中国经济网 经济博客6l#R0nYM`;T
 中国经济网 经济博客Q2[t}e!I1}V
}
C5kB/[1s0</script>
l,Ox'B+`wM0<form   m name="form1" method="POST" enctype="multipart/form-data">中国经济网 经济博客` @ RM"i7Q|
<input type="file" name="UpFile" size="46"   o nchange="yulan()">
1fi7g yO0<div id="preview"></div>
!@Z;T lc0</form>