带有图片预览功能的上传表单的完整HTML
发布时间：2020-03-13 21:50:52 所属栏目：MsSql教程 来源：站长网
导读：带有图片预览功能的上传表单，完整的HTML代码如下所示html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title带有图片预览功能的上传
|
带有图片预览功能的上传表单，完整的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=http://www.jb51.net/web/""; 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=http://www.jb51.net/web/"" style="display:none;" alt="预览图片" /> <br /> </div> <div style="display:none"> </div> </center> </body> </html> （编辑：焦作站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |