recherche

Maison >interface Web >js tutoriel >用js实现预览待上传的本地图片_javascript技巧

用js实现预览待上传的本地图片_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-05-16 19:16:301032parcourir



<script> <BR>function preview5(){ <BR>var x = document.getElementById("file5"); <BR> if(!x || !x.value) return; <BR>var patn = /\.jpg$|\.jpeg$|\.gif$/i; <BR>if(patn.test(x.value)){ <BR>var y = document.getElementById("img5"); <BR>if(y){ <BR>y.src = "file://localhost/" + x.value; <BR>}else{ <BR>var img=document.createElement("img"); img.setAttribute("src","file://localhost/"+x.value); <BR>img.setAttribute("width","120"); <BR>img.setAttribute("height","90"); <BR>img.setAttribute("id","img5"); <BR>document.getElementById("form5").appendChild(img); <BR> } <BR>}else{ <BR>alert("您选择的似乎不是图像文件。"); <BR>}} <BR></script> 
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：用js实现的仿sohu博客更换页面风格（简单版）_javascript技巧Article suivant：js实现的网站首页随机公告随机公告_典型特效

Articles Liés

Voir plus