带有图片预览功能的上传表单的完整HTML
导读：收集整理的这篇文章主要介绍了带有图片预览功能的上传表单的完整HTML，觉得挺不错的，现在分享给大家，也给大家做个参考。 带有图片预览功能的上传表单，完整的HTML代码如下所示<html> <head> &l...
收集整理的这篇文章主要介绍了带有图片预览功能的上传表单的完整HTML，觉得挺不错的，现在分享给大家，也给大家做个参考。 带有图片预览功能的上传表单，完整的HTML代码如下所示
html>
head>
meta http-equiv="Content-tyPE" content="text/html; charset=gb2312">
tITle> 带有图片预览功能的上传表单jb51.net/title>
script>
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
/script>
/head>
body>
center>
form >
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>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 带有图片预览功能的上传表单的完整HTML
本文地址： https://pptw.com/jishu/587316.html