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

字號:


    帶有圖片預(yù)覽功能的上傳表單,完整的HTML代碼如下所示
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>帶有圖片預(yù)覽功能的上傳表單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="" />
    <br />
    </div>
    <div>
    </div>
    </center>
    </body>
    </html>