萬盛學電腦網

浏覽器 windows 10 wps office 殺毒軟件 數據庫 excel教程 文件管理 word教程 網頁制作 裝機必備軟件 linux教程

萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 帶有圖片預覽功能的上傳表單完整HTML

帶有圖片預覽功能的上傳表單完整HTML

帶有圖片預覽功能的上傳表單，完整的HTML代碼如下所示

<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>

萬盛學電腦網

萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 帶有圖片預覽功能的上傳表單完整HTML

帶有圖片預覽功能的上傳表單完整HTML

腳本Html教程排行

程序編程推薦

熱門文章

相關文章

圖片文章

互聯網產品的交互設計方法

打造IOS7設計風格的訣竅

點靓網頁的10種導航菜單設計

在mysql中讓數據庫中數據成倍增長

萬盛學電腦網 | 設為首頁 | 加入收藏