<html> <head> <title>ThaiCreate.Com Tutorial</title> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { document.frmMain.imgAvatar.src=ele.value; } </script> <input type="file" name="filUpload" OnChange="showPreview(this)"> <input type="submit" name="btnSubmit" value="Submit"> <hr> <img id="imgAvatar"> </form> </body> </html>
<html> <head> <title>ThaiCreate.Com Tutorial</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <form name="frmMain" action="" method="post"> <script language="JavaScript"> function showPreview(ele) { $('#imgAvatar').attr('src', ele.value); // for IE if (ele.files && ele.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#imgAvatar').attr('src', e.target.result); } reader.readAsDataURL(ele.files[0]); } } </script> <input type="file" name="filUpload" id="filUpload" OnChange="showPreview(this)"> <input type="submit" name="btnSubmit" value="Submit"> <hr> <img id="imgAvatar"> </form> </body> </html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท