帶有圖片預覽功能的上傳表單的完整HTML
來源：易賢網 閱讀：2045 次 日期：2016-06-24 15:22:42
溫馨提示：易賢網小編為您整理了“帶有圖片預覽功能的上傳表單的完整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>

更多信息請查看網頁制作
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網