带有图片预览功能的上传表单完整HTML
下面这个带有图片预览功能的上传表单完整HTML教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!
html
head
metahttp-equiv="Content-Type"content="text/html;charset=gb2312"
title带有图片预览功能的上传表单webjx.com/title
script
functionviewmypic(mypic,imgfile){
if(imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
/script
/head
body
center
form
inputname="imgfile"type="file"id="imgfile"size="40"onchange="viewmypic(showimg,this.form.imgfile);"/
br/
/form
imgname="showimg"id="showimg"src=""style="display:none;"alt="预览图片"/
br/
/div
divstyle="display:none"
/div
/center
/body
/html